SAP UI5 - Controlli
Esistono diversi tipi di controlli dell'interfaccia utente che è possibile utilizzare durante lo sviluppo di applicazioni dell'interfaccia utente5. Questi controlli consentono di aggiungere un pulsante, una tabella, immagini, layout, casella combinata e vari altri controlli nell'applicazione UI5.
I tipi di controllo comuni includono:
- Controlli semplici
- Controlli complessi
- Controlli UX3
- Dialogs
- Layout
Controllo dell'immagine
Var image = new sap.ui.commons.Image();
Image.setSrc(“Image1.gif”);
Image.setAlt(“alternat.text”);
Combo box
È possibile utilizzare una casella combinata per fornire voci predefinite.
Proprietà: elementi, selectedKey
Var oComboBox2 = new sap.ui.commons.ComboBox (“ComboBox”,{
Items:{path:”/data”,
Template:oItemTemplate, filters:[oFilter]},
Change: function(oEvent){
Sap.ui.getCore(). byId(“field”).setValue(
oEvent.oSource.getSelectedKey());
}
});
Semplice controllo dei pulsanti
Usa attachPresss assegna il gestore eventi per un'azione push.
Var oButton = new sap.ui.commons.Button ({text : “Click”,
Press: oController.update
});
Controllo del completamento automatico
Per completare automaticamente il valore inserito.
Var uiElement = new sap.ui.commons.AutoComplete({
Tooltip: ”Enter the product”,
maxPopupItems: 4
});
For (var i = 0; i<aData.lenght; i++){
uiElement.addItem(new sap.ui.core.ListItem(
{text: aData[i].name}));
}
Scatola di controllo da tavolo
È derivato da sap.ui.table e ogni tabella contiene colonne.
Var oTable = new sap.ui.table.Table({
Columns: [
New sap.ui.table.Column({
Label: new sap.ui.commons.lable({ text: “First Column”}),
Template: new sap.ui.commons.TextView({ text: “{Firstcolumn}” }),
Width: “120px”
})