SAP UI5 - Controles del Bloc de notas

UN Controlse utiliza para definir la apariencia y el área de la pantalla. Contiene propiedades como ancho y texto. Estas propiedades se utilizan para modificar la apariencia o cambiar los datos que muestra el control. Puede crear controles agregados o controles asociados.

Associated controlde un control se define como controles vagamente relacionados, que no son controles secundarios ni forman parte del control principal. Los controles se utilizan para desencadenar eventos bien definidos.

Los controles en SAPUI5 se pueden crear directamente usando una herramienta o un archivo JavaScript. Los controles que se crean usando el método extend () también se conocen comoNotepad controls.

El siguiente código se usa para definir un Control usando el método Extend:

Sap.ui.core.control.extend (sname, oDefinition);

Los parámetros que se pasan a este control:

• Nombre del control
• Definición del control

La definición de un control contiene información sobre API de control, agregaciones, eventos, etc. y métodos de implementación.

También puede crear controles personalizados. La definición de control personalizado puede contener métodos públicos y privados, metadatos y método de representación, etc.

metadata:{
   properties: {},
   events: {},
   aggregations: {}
},

publicMethod: function() {},
_privateMethod: function() {},
init: function() {}
onclick: function(e) {},
renderer: function(rm, oControl) {}

La creación de un nuevo control hereda de Button -

Sap.ui.commons.Button.extend (sname, oDefinition);

los metadata en la definición de control consta de objetos para propiedades de control, eventos y agregaciones.

Propiedad

• Tipo: tipo de datos de propiedad de control
• Cadena: cadena para una propiedad de cadena
• Int o float para propiedades numéricas
• Int [] para una matriz de enteros
• Cadena [] para una matriz de cadenas

Eventos

Los eventos se definen solo por el nombre del evento. Normalmente pasas un objeto vacío a un evento. La aplicación usa el indicador enablePreventDefault para interrumpir el evento.

Events: {
   Logout:{},
   Close: {
      enablePreventDefault : true
   }
}