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
}
}