✒️SAP BTPFIORI / Los controles de una aplicación SAPUI5 Por Roberto Santucho
Los controles de una aplicación SAPUI5
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 para varios dispositivos, incluye iteraccion tactil, gestos, etc .
Algunas caracteristicas de los controles:
- Las propiedades: Para definir propiedades XML se utiliza la notacion propiedad="valor" dentro de la etiqueta XML de apertura del control
- Los eventos:
- Las agregaciones: este tipo de propiedades se les asigna UNA COLECCION DE VALORES O DE OTROS CONTROLES SAPUI5.
Para manualmente agregar caracteristicas responsive, PODEMOS USAR LA API DEVICE (sap.ui.Device) que no brinda caracteristicas del disositivo como
- OS
- version
- wbrowser
- orientation
- screen size
- touch available, etc
SAPUI5: DENSIDADES DE CONTENIDO
- Densidad 'Cozy': diseno grande, pensado para dispositivos tactiles.
- Densidad 'Compact' pensado para dispositivos manejados con el mouse.
CONTROLES DENTRO DE LA ARQUITECTURA SAPUI5. hay 2 tipos
- los mobile (sap.m) MUST BE OUR THE FIRST CHOICE - WORKS EVERWHERE
- los controles de escritorio (sap.ui.commons)
2. LOS CAMPOS DE ENTRADA DE USUARIO.
2.1 El Imput Field
- no proporciona validacion tipo de dato ingresado.
- la API es class sap.m.Input
2.2 El combo box
- usar interruptor si solo es seleccion binaria
- solo para cuando hay hasta 12 entradas disponibles, usar control Select.
- sap.m.ComboBox
2.3 El control date picker
- sap.m.DatePicker
2.4 El control radio button
- sap.m.RadioButton
2.5 El control checkbox
3. LOS CONTROLES PARA VISUALIZACION
3.1 El control Label
- se utilizan como titulo de controles o grupo de controles.
- API de referencia class sap.m.Label
3.2 El control Image
- API de referencia class sap.m.Image
4. LOS FORMULARIOS, LOS CONTENEDORES Y LAYOUT
4.1 El control form
- el formulario actua como un controlador para otros elementos de la ui (labes, inputbox, checkboxs y ctroles deslizantes)
- SAPUI5 tiene 2 controles diferentes
- FORMULARIO: sap.ui.layout.form.Form (API)
- FORMA SIMPLE: sap.ui.layout.form.SimpleForm (API)
4.2 Los controles de Icon Tab Bar
Pestanas con iconos
- NO USARLO SI PLANEAMOS USAR UNA SOLA PESTANA.
4.3 Los controles HBox y VBox
- Diseno de HBox: control de diseno horizontal donde podemos colocar controles uno al lado del otro.
- Diseno de VBox: " " debajo del otro.
- ambos heredan DE LA PROPIEDAD DEL CONTROL FlexBox (sap.m.FlexBox).
5. LAS TABLAS Y LAS LISTAS
5.1 El control Smart Table
- Definir y crear columnas
- agregar las columnas a la tabla
- definir como se veran las filas, usamos sap.m.ColumnListItem.
- vinculamos la tabla con los datos.
Puede ser
- tabla receptiva
- tabla de cuadricula
- tabla de arbol o
- una tabla analitica
5.2 El control list
6. LOS CONTROLES DE ACCION
6.1 El control button
6.2 El control link
DOWNLOAD API CODE AND IMPORT IT TO BAS FOR TEST IT THERE.
Escanear / Compartir
Sobre el autor
Publicación académica de Roberto Hernan Santucho, en su ámbito de estudios para la Carrera Consultor SAP BTP Fiori.
Roberto Hernan Santucho
Profesión: Ingeniero en Sistemas - Mexico - Legajo: VA51C
✒️Autor de: 43 Publicaciones Académicas
🎓Egresado del módulo:
Certificación Académica de Roberto Santucho
Disponibilidad Laboral: FullTime 
