SAP UI5 - Controlli del blocco note

UN Controlviene utilizzato per definire l'aspetto e l'area dello schermo. Contiene proprietà come larghezza e testo. Queste proprietà vengono utilizzate per modificare l'aspetto o modificare i dati visualizzati dal controllo. È possibile creare controlli aggregati o controlli associati.

Associated controldi un controllo sono definiti come controlli vagamente correlati, che non sono controlli figlio o una parte del controllo principale. I controlli vengono utilizzati per attivare eventi ben definiti.

I controlli in SAPUI5 possono essere creati direttamente utilizzando uno strumento o un file JavaScript. I controlli che vengono creati utilizzando il metodo extent () sono noti anche comeNotepad controls.

Il codice seguente viene utilizzato per definire un controllo utilizzando il metodo Extend:

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

I parametri che vengono passati a questo controllo -

  • Nome del controllo
  • Definizione del controllo

La definizione di un controllo contiene informazioni su API di controllo, aggregazioni, eventi, ecc. E metodi di implementazione.

Puoi anche creare controlli personalizzati. La definizione di controllo personalizzato può contenere metodi pubblici e privati, metadati e metodi di rendering, ecc.

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

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

La creazione di un nuovo controllo eredita da Button -

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

Il metadata nella definizione di controllo è costituito da oggetti per proprietà di controllo, eventi e aggregazioni.

Proprietà

  • Tipo: tipo di dati della proprietà di controllo
  • String: stringa per una proprietà stringa
  • Int o float per le proprietà del numero
  • Int [] per una matrice di numeri interi
  • String [] per un array di stringhe

Eventi

Gli eventi sono definiti solo dal nome evento. Normalmente si passa un oggetto vuoto a un evento. L'applicazione utilizza il flag enablePreventDefault per interrompere l'evento.

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