✒️SAP Fiori La creación de controles personalizados

Controles personalizados

Para desarrollar controles con SAPU5 en JavaScript, es posible ampliar los controles existentes o crear nuevos controles

Cuando deseamos desarrollar varios controles para reutilizarlos en diferentes aplicaciones, es recomendable crear una biblioteca de controles en lugar de utilizar estos controles individuales

La Arquitectura de las clase base de SAPUI5

la clase base de SAPUI5 es sap.ui.core.control y obtiene todas las cualidades que podria esperar al construir nuestro propio control a partir de las subclases

el metodo extend() esta disponile en todos los controles y es utilizado para definir la nueva subclase

La Estructura de un control personalizado

El control se crea dentro de la carpeta proyecto, dentro de una carpeta control. luego el nombre del control es un archivo del tipo JavaScript

Esta compuesto por tres componentes basicos

1. El Metadatos: Define la estructura de datos
   • Propiedades: las propiedades se definen con un nombre y un tipo
   • Eventos: los eventos se definen solo por su nombre. Para cada evento se crean métodos, para registrarse, darse de Baja y activar el evento
   • Las agregaciones y asociaciones: se definen por su nombre y un objeto de configuración con la siguiente información
     1. Tipo: debe ser una subclase o elemento del control el valor predeterminado es sap.ui.core.contro
     2. Múltiple: define si una agregación es 0..1 o 1..n… para las agregaciones el valor predeterminado es de 0..N y para las asociaciones es FALSO
     3. singularName
2. El Metodo init(): es una función especial a la que llama el núcleo SAPUI5
3. El metodo render(): Define la estructura HTML que se agrega al árbol DOM