✒️SAP BTPFIORI / Los controles de una aplicación SAPUI5 Por Cristian Cash

Selector Alummnos / Empresas

Los controles de una aplicación SAPUI5

Los controles de una aplicación SAPUI5

Resumen - Los controles de una aplicacion SAPUI5

SAPUI5 viene con muchos recursos disponibles, su documentacion, ejemplos, etc. Las api estan en: sapui5.hana.ondemand.com/#/api/

Librerias más usadas:

sap.ui.commons orientada a aplicaciones de escritorio

sap.m: multidispositivos

existen distintas densidades de los controles para adaptarlas a los dispositivos.

- "Cozy": pensado para dispositivos tactiles (sap.m)

- "Compact": pensado para dispositivos manejados con raton

Siempre usar primero bibliotecas sap.m como regla excepto que el caso de uso no pueda satisfacerse.

Para usar los controles de una libreria se deberá incluir en la vista en mvc:View en el atributo xmlns la libreria correspondiente, p.ej: xmlns="sap.m" (repetir por cada una de las librerias utilizadas)

Controles - caracteristicas: propiedades, eventos y agregaciones (propiedades complejas incluso compuestas por otros controles)

como parte de sap.m tenemos los sig. controles

Input field (sap.m.Input) : type="text","number","email","url","tel","password"

Combo box (sap.m.ComboBox

Date Picker (sap.m.DatePicker)

Radio Button (sap.m.RadioButton)

Checkbox (sap.m.CheckBox)

Label (sap.m.Label)

Image (sap.m.Image)

Formulario (sap.ui.layout.form.Form)

Forma simple (sap.ui.layout.form.SimpleForm)

IconTabBar

HBox / VBox

SmartTable (sap.ui.comp.smarttable)

Button

Link Apunte Creado OK - Iniciar Edición


 

Escanear / Compartir

 

 


Sobre el autor

Publicación académica de Cristian Cash, en su ámbito de estudios para la Carrera Consultor SAP BTP Fiori.

SAP SemiSenior

Cristian Cash

Profesión: Consultor Tecnológico - Argentina - Legajo: GX99J

✒️Autor de: 23 Publicaciones Académicas

🎓Egresado del módulo:

Presentación:

Amplia experiencia en el ambito tecnologico y corporativo en labores de consultoria técnica y funcional en forma individual y coordinando equipos.

Certificación Académica de Cristian Cash

✒️+Comunidad Académica CVOSOFT

Continúe aprendiendo sobre el tema "Los controles de una aplicación SAPUI5" de la mano de nuestros alumnos.

SAP Senior

Controles más usados en SAPUI5 Explorador Documentación Referencia de la API Muestras Apps de demostración Herramientas Control de SAPUI5 Definición Renderización Comportamiento Estilo Librería de SAPUI5 sap.ui.commons sap.m Características de los controles Las propiedades Los eventos Las agregaciones Densidad de contenido para adaptarlos a dispositivos Densidad Cozy Densidad Compact Tipos de controles Los Mobile (sap.m) Los controles de escritorio (sap.ui.commons) Campos de entrada de usuario Input Field Para número o texto breve contraseñas...

Acceder a esta publicación

Creado y Compartido por: Roman Leandro Garrido Lagos / Disponibilidad Laboral: FullTime + Carta Presentación

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP SemiSenior

Los controles de una aplicación SAPUI5 1. Concepto general En SAPUI5, los controles son los componentes visuales reutilizables que constituyen la base de la interfaz de usuario. Cada elemento visible en una aplicación —botones, listas, tablas, formularios, etiquetas, paneles o cuadros de diálogo— es un control. Los controles permiten construir la capa visual de las aplicaciones Fiori mediante estructuras predefinidas que garantizan consistencia, usabilidad y una apariencia uniforme acorde con las guías de diseño de SAP. Los controles SAPUI5 están organizados en librerías según su función y tipo de aplicación. Estas librerías incluyen desde elementos simples...

Acceder a esta publicación

Creado y Compartido por: Jose Rodrigo Baz Suarez / Disponibilidad Laboral: FullTime + Carta Presentación

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Master

Los controles de una app SAPUI5: Son los elementos de la interfax de usuario con los que se van a llevar a cano la interaccion ya sea de manera pasivo o activa URL: https://sapui5.hana.ondemand.com/#/api/ para encontrar herramientas basicas como desarrollador SAPUI5 Un control SAPUI5 esta formado por Definicion Renderizacion: responsable de mostrar el codigo HMTL del control Comportamientos: codigo JavaScript Estilo: lo visual Librerias mas usadas sap.ui.commons: para app de escritorio sap.m: para app que se van a utilizan en diferentes dispositivos Caracteristicas de los controles Las propiedades: definen la apariencia en la interfaz Los eventos: Como se comportara el control Las agregaciones: se asigna...

Acceder a esta publicación

Creado y Compartido por: Claudia Bibiana Monsalve Lopez

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

LOS CONTROLES DE UNA APLICACION SAPUI5 1. Los controles mas utilizados de SAPUI5 En el explorador de controles https://sapui5.hana.ondemand.com/#/api/ vamos a encontrar Documentacion Referencia de la Api Muestras Aplicaciones de demostracion Herramientas UN CONTROL SAPUI5 ESTA FORMADO POR: Definicion: propiedads, eventos, metodos y a veces asociaciones y agregaciones. Renderizacion: responsable de mostrarnos el codigo HTML del control. Comportamiento: codigo JS de como se comporta frente a la interacion con el usuario, al lanzarse los eventos Estilo: su forma visual. LAS 2 LIBRERIAS MAS USADAS POR SAPUI5 sap.ui.commons: para apps de escritorio: contiene botones, campos de texto, listas, etc. sap.m: app...

Acceder a esta publicación

Creado y Compartido por: Roberto Hernan Santucho

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Expert


La densidad Cozy está por defecto para los controles de la librería SAP .M pero si vamos a combinar controles de diferentes librerías nos conviene utilizar las clases de CSS que le dan a los controles una determinada densidad de contenido. SAP GUI5 soporta varios métodos para adaptar las aplicaciones a diferentes sistemas operativos y dispositivos controles con adaptación al dispositivo incorporada, por ejemplo SAP GUI Layout Form.Form se puede adaptar al tamaño de la pantalla particularmente cuando usamos responsive layout SAP .M Table este control dispone de una determinada propiedad incorporada para poder jugar con diferentes tipos de pantalla y en base a su valor indicar que columnas de las tablas...

Acceder a esta publicación

Creado y Compartido por: Jose Medina / Disponibilidad Laboral: FullTime + Carta Presentación

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Expert


1 | The Most Used Controls of SAPUI5 The Controls Explorer You can explore the examples of UI controls at sapui5.hana.ondemand.com/#/api/. A SAPUI5 control consists of: Definition: Specifies properties, events, methods, and sometimes associations and aggregations. Rendering: Responsible for displaying the HTML code of the control. Behavior: The JavaScript code that determines how the control interacts with the user when events are triggered. Styling: Defines the visual appearance of the control. Web Components in SAPUI5 SAPUI5 web components have minimal space, making it easy to add them to our application. They follow the SAP Fiori design language and enterprise standards. They are compatible with any technology of your choice....

Acceder a esta publicación

Creado y Compartido por: Jaime Eduardo Gomez Arango / Disponibilidad Laboral: FullTime + Carta Presentación

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Senior

Controles SAPUI5 Los controles en SAPUI5 son elementos visuales utilizados para construir la interfaz de usuario de aplicaciones web empresariales. Estos componentes reutilizables ofrecen funcionalidades específicas y se combinan para crear interfaces de usuario ricas y complejas. Existen diversos tipos de controles, como controles básicos (textos, botones), controles de lista (tablas, listas), controles de diseño (paneles, contenedores), controles de formulario (campos de texto, selección) y controles gráficos (gráficos y visualizaciones). Cada control tiene propiedades que definen su estado y apariencia, agregados que representan colecciones de elementos secundarios, y eventos que permiten reacciones...

Acceder a esta publicación

Creado y Compartido por: Claudio Marcelo Hermann / Disponibilidad Laboral: FullTime

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Senior

Los controles más utilizados de SAPUI5 Los campos de entrada de usuario El texto habla sobre los controles más utilizados en SAPUI5, una biblioteca de interfaz de usuario de SAP. Estos controles son elementos de la interfaz que permiten la interacción con las aplicaciones desarrolladas con SAPUI5. Algunos puntos destacados del texto son: SAPUI5 proporciona varios componentes que se utilizan con frecuencia en proyectos. El explorador y la referencia de API son herramientas importantes para buscar ejemplos, sintaxis y detalles de los componentes. Los controles SAPUI5 tienen una definición (propiedades, eventos, métodos, asociaciones y agregaciones), renderización (generación de código...

Acceder a esta publicación

Creado y Compartido por: Nilson Parra Martinez / Disponibilidad Laboral: PartTime

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Junior

Un control SAPUI5 esta formado por: Definición: que indica las propiedades, eventos, métodos y a veces asociaciones y agregaciones. Renderización: es el responsable de mostrarnos el codigo HTML del control. Comportamiento: seria el código JavaScript que indica como se comporta el control frente a la interacción con el usuario, al lanzarse los eventos. Estilo: define la forma visual del control. Dos librerías más usadas por SAPUI5: sap.ui.commoms: si la aplicación que se va a desarrollar es de escritorio, esta librería contiene los controles típicos de las aplicaciones webs botones, campos de texto, listas etc. sap.m: silo que en realidad se quiere...

Acceder a esta publicación

Creado y Compartido por: Henry Nelson Loja Duchimaza / Disponibilidad Laboral: FullTime

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Senior

explorador API documentación referencia de la API muestras aplicaciones de demostración herramientas Definición Renderización Comportamiento Estilo Simple controls value holders layouts complex controls dialogs ux3 controls sap.ui.commons sap.m características de los controles las propiedades los eventos las agregaciones UI theme designer Densidad cozy densidad compact sap.m.input combo box date picker sap.m.DatePicker radio button sap.m.radiobutton checkbox label sap.m.label control image sap.m.image formularios,contenedores y layout matrixlayout absolutelayout sap.ui.layout.form.for sap.ui.layout.form.simpleform icon tab bar hbox...

Acceder a esta publicación

Creado y Compartido por: Enrique Gomez

 


 

👌Genial!, estos fueron los últimos artículos sobre más de 99.000 publicaciones académicas abiertas, libres y gratuitas compartidas con la comunidad, para acceder a ellas le dejamos el enlace a CVOPEN ACADEMY.

🔎Buscador de Publicaciones:

 


 

No sea Juan... Solo podrá llegar alto si realiza su formación con los mejores!