aplicaciones SAPUI5<\/strong>\u00a0que se corresponden con cada uno de los componentes en los que se basa este patr\u00f3n.<\/p>\nEs por tanto, sencillo darse cuenta de que en cualquier momento puede ser necesario por ejemplo, obtener desde un controlador el valor de un control representado en una determinada vista (por ejemplo el nombre de usuario) o acceder a un determinado modelo para utilizar sus datos desde una vista para, por ejemplo rellenar un\u00a0combobox<\/em>. \u00bfC\u00f3mo conseguimos conseguir esta informaci\u00f3n en las\u00a0aplicaciones\u00a0 SAPUI5<\/strong>?<\/p>\n <\/p>\n
La respuesta a esta pregunta es: mediante las\u00a0funciones de acceso al core<\/strong>.<\/p>\nDiferenciamos entre las siguientes tres funciones:<\/p>\n
sap.ui.getCore()<\/strong><\/h2>\nDevuelve una instancia de la propia aplicaci\u00f3n o\u00a0core.\u00a0<\/em>En el\u00a0core<\/em>\u00a0se puede guardar informaci\u00f3n global, almacenar modelos entre otras cosas. A nivel de aplicaci\u00f3n\u00a0sap.ui.getCore()<\/em>\u00a0es la m\u00e1s potente e interesante a la hora de desarrollar una\u00a0aplicaci\u00f3n SAPUI5<\/strong>.<\/p>\nA partir de esta instancia obtenida se puede acceder a otros objetos de la aplicaci\u00f3n utilizando\u00a0sap.ui.getCore().byId(\u201cID\u201d),\u00a0<\/em>para como hemos dicho antes como ejemplo, obtener el nombre usuario introducido en un campo de un formulario. A continuaci\u00f3n se muestra un ejemplo:<\/p>\nVista:\u00a0<\/strong>Definimos en la vista un campo de tipo Input para introducir el nombre con ID \u201cmiNombre\u201d y un bot\u00f3n que cuando es pulsado ejecuta la funci\u00f3n \u201conPress\u201d definida en su controlador.<\/p>\ncreateContent : function<\/strong>(oController) {\n\nreturn<\/strong> new<\/strong> sap.m.Page({\ntitle: \"Title\",\ncontent: [\nnew<\/strong> sap.m.Input(\"miNombre\",{\ntype: sap.m.Input.Text\n}),\nnew<\/strong> sap.m.Button(\"miBoton\", {\ntext: \"Pulsame\",\ntype: sap.m.ButtonType.Accept,\npress: oController.onPress})\n] });\n}\n<\/pre>\n![\"\"](\"https:\/\/orekait.com\/wp-content\/uploads\/2016\/03\/sapui5-vista-1.png\")
<\/p>\n
<\/p>\n
Controlador:\u00a0<\/strong>Define la funci\u00f3n \u201conPress\u201d mostrando una alerta que informa sobre qui\u00e9n ha pulsado el bot\u00f3n en funci\u00f3n del nombre de usuario introducido en el campo.<\/p>\nonPress:function<\/strong>(){\nvar<\/strong> miNombre = sap.ui.getCore().byId(\"miNombre\");\nalert(\"Boton pulsado por \" + miNombre.getValue() + \"!!\");\n}<\/pre>\n![\"\"](\"https:\/\/orekait.com\/wp-content\/uploads\/2016\/03\/sapui5-vista-2.png\")
<\/p>\n
<\/p>\n
jQuery.sap.domById()<\/strong><\/h2>\nEsta funci\u00f3n devuelve elementos del DOM de Javascript. Funciona igual que la funci\u00f3n\u00a0document.getElementById(\u201cID\u201d).\u00a0<\/em>Se puede utilizar para manipular el DOM o para asignar eventos.<\/p>\nControlador:\u00a0<\/strong>Obtiene la referencia del campo de texto con ID \u201cmiNombre\u201d y le asigna funcionalidad al evento \u201conmouseover\u201d.<\/p>\nonPress:function<\/strong>(){\nvar<\/strong> miNombreDOM = jQuery.sap.domById(\"miNombre\");\nmiNombreDOM.setAttribute('onmouseover','alert(\"hover\")');\n}<\/pre>\n![\"\"](\"https:\/\/orekait.com\/wp-content\/uploads\/2016\/03\/sapui5-vista-3.png\")
<\/p>\n
<\/p>\n
jQuery.sap.byId()<\/strong><\/h2>\nDevuelve un objeto jQuery correspondiente a elementos del DOM de Javascript. Funciona igual que los selectores\u00a0jQuery(\u201c#ID\u201d)<\/em>\u00a0o\u00a0$(\u201c#ID\u201d)<\/em>. Es muy \u00fatil para llevar a cabo efectos visuales colores, efectos, tama\u00f1os de letras etc\u2026<\/p>\nControlador:\u00a0<\/strong>Modifica el color del elemento cuyo ID sea miNombre y sus hijos.<\/p>\nonPress:function<\/strong>(){\njQuery.sap.byId(\"miNombre *\").css(\"color\",\"red\");\n}<\/pre>\n![\"\"](\"https:\/\/orekait.com\/wp-content\/uploads\/2016\/03\/sapui5-vista-4.png\")
<\/p>\n
<\/p>\n
Con estas tres\u00a0funciones de acceso al core<\/strong>\u00a0ya podemos acceder a los diferentes elementos de nuestra\u00a0aplicaci\u00f3n SAPUI5<\/strong>.<\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=”M\u00e1s informaci\u00f3n” _builder_version=”4.25.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.25.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.25.2″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n
M\u00e1s informaci\u00f3n:<\/p>\n
[\/et_pb_text][et_pb_button button_url=”https:\/\/orekait.com\/es\/area-personalizacion” button_text=”M\u00e1s informaci\u00f3n” module_class=”entrada-btn” _builder_version=”4.25.2″ _module_preset=”default” custom_button=”on” button_text_color=”#8156EA” button_bg_color=”RGBA(255,255,255,0)” button_border_color=”#8156EA” button_border_radius=”30px” button_font=”Plus Jakarta Sans|600|||||||” button_icon=”$||divi||400″ button_icon_color=”#8156EA” button_on_hover=”off” hover_enabled=”0″ global_colors_info=”{}” button_text_color__hover_enabled=”on|desktop” button_text_color__hover=”#8156EA” button_bg_color__hover_enabled=”on|hover” button_bg_color__hover=”#8156EA” button_bg_enable_color__hover=”on” button_icon_color__hover_enabled=”on|hover” button_icon_color__hover=”#ffffff” url_new_window=”on” sticky_enabled=”0″][\/et_pb_button][et_pb_divider show_divider=”off” _builder_version=”4.25.2″ _module_preset=”default” custom_margin=”||40px||false|false” global_colors_info=”{}”][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=”on” admin_label=”Noticias relacionadas titulo” module_id=”fondo-articulos” _builder_version=”4.25.2″ _module_preset=”default” background_color=”#f7f7f7″ width=”100%” collapsed=”off” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.25.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_divider show_divider=”off” _builder_version=”4.25.2″ _module_preset=”default” background_color=”RGBA(255,255,255,0)” custom_margin=”||40px||false|false” global_colors_info=”{}”][\/et_pb_divider][et_pb_heading title=”Quizas te pueda interesar” _builder_version=”4.25.2″ _module_preset=”default” title_level=”h2″ title_text_align=”center” global_colors_info=”{}”][\/et_pb_heading][et_pb_divider show_divider=”off” _builder_version=”4.25.2″ _module_preset=”default” custom_margin=”||30px||false|false” global_colors_info=”{}”][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=”Noticias relacionadas” _builder_version=”4.25.2″ _module_preset=”default” width=”100%” custom_margin=”-150px||||false|false” custom_margin_tablet=”0px||||false|false” custom_margin_phone=”0px||||false|false” custom_margin_last_edited=”on|desktop” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.25.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_blog fullwidth=”off” posts_number=”3″ include_categories=”current” show_author=”off” show_date=”off” show_pagination=”off” _builder_version=”4.25.2″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_blog][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"
Uno de los aspectos clave a la hora de desarrollar\u00a0aplicaciones SAPUI5\u00a0es la necesidad de acceder a los diferentes elementos de la aplicaci\u00f3n desde cualquier punto de la aplicaci\u00f3n. En art\u00edculos anteriores\u00a0ya habl\u00e1bamos del patr\u00f3n Modelo-Vista-Controlador usado en\u00a0SAPUI5\u00a0y vimos los ficheros de los que constan las\u00a0aplicaciones SAPUI5\u00a0que se corresponden con cada uno de los componentes en […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"Lorem ipsum dolor sit amet consectetur adipiscing elit congue montes, imperdiet taciti erat elementum fermentum sem ante ultrices ridiculus, sagittis sociis egestas quisque ac semper quis odio. Aenean hendrerit ac metus dis nascetur aliquet mollis integer, rutrum vel laoreet posuere proin sagittis luctus est, tempus duis nisl ultrices parturient tempor praesent. Dignissim curabitur nascetur pellentesque augue fringilla pulvinar eros, tempus fames vehicula maecenas cubilia id, rutrum euismod integer ut scelerisque mus.\r\n\r\nVivamus auctor odio aenean rhoncus natoque dictum purus, volutpat pellentesque laoreet ridiculus consequat nisi varius euismod, augue platea convallis curae magnis taciti. Imperdiet nibh curabitur quisque orci consequat aenean pellentesque, cubilia duis senectus felis sed posuere tortor, magnis enim diam a odio sociis. Enim tellus nisl nec molestie augue luctus tempor habitant, nunc dictumst phasellus volutpat sem facilisis taciti, habitasse laoreet at turpis vel fermentum vulputate.","_et_gb_content_width":"","footnotes":""},"categories":[57,52,51],"tags":[],"class_list":["post-18651","post","type-post","status-publish","format-standard","hentry","category-sap-netweaver","category-sapui5","category-user-experience-integracion"],"_links":{"self":[{"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/posts\/18651","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/comments?post=18651"}],"version-history":[{"count":3,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/posts\/18651\/revisions"}],"predecessor-version":[{"id":22589,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/posts\/18651\/revisions\/22589"}],"wp:attachment":[{"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/media?parent=18651"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/categories?post=18651"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/tags?post=18651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}