SAP UI5 - Controles do bloco de notas

UMA Controlé usado para definir a aparência e a área da tela. Ele contém propriedades como largura e texto. Essas propriedades são usadas para modificar a aparência ou alterar os dados exibidos pelo controle. Você pode criar controles agregados ou controles associados.

Associated controlde um controle é definido como controles vagamente relacionados, que não são controles filhos ou parte do controle principal. Os controles são usados ​​para acionar eventos bem definidos.

Os controles no SAPUI5 podem ser criados diretamente usando uma ferramenta ou arquivo JavaScript. Os controles criados com o método extend () também são conhecidos comoNotepad controls.

O código a seguir é usado para definir um controle usando o método Extend -

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

Os parâmetros que são passados ​​para este controle -

• Nome do controle
• Definição do controle

A definição de um controle contém informações sobre a API de controle, agregações, eventos, etc. e métodos de implementação.

Você também pode criar controles personalizados. A definição do controle personalizado pode conter métodos públicos e privados, metadados e método de renderização, etc.

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

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

A criação de um novo controle é herdada de Button -

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

o metadata na definição de controle consiste em objetos para propriedades de controle, eventos e agregações.

Propriedade

• Tipo: tipo de dados da propriedade de controle
• String: string para uma propriedade de string
• Int ou float para propriedades numéricas
• Int [] para uma matriz de inteiros
• String [] para uma matriz de string

Eventos

Os eventos são definidos apenas pelo nome do evento. Você normalmente passa um objeto vazio para um evento. O aplicativo usa o sinalizador enablePreventDefault para interromper o evento.

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