SAP UI5 - Kontrol
Ada berbagai jenis kontrol UI yang dapat Anda gunakan saat mengembangkan aplikasi UI5. Kontrol ini memungkinkan Anda untuk menambahkan tombol, tabel, gambar, tata letak, kotak kombo, dan berbagai kontrol lainnya di aplikasi UI5.
Jenis kontrol umum meliputi -
- Kontrol Sederhana
- Kontrol Kompleks
- Kontrol UX3
- Dialogs
- Layout
Kontrol Gambar
Var image = new sap.ui.commons.Image();
Image.setSrc(“Image1.gif”);
Image.setAlt(“alternat.text”);
Kotak kombo
Anda dapat menggunakan kotak kombo untuk memberikan entri yang telah ditentukan sebelumnya.
Properties - item, 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());
}
});
Kontrol Tombol Sederhana
Gunakan attachPresss menetapkan penangan kejadian untuk tindakan push.
Var oButton = new sap.ui.commons.Button ({text : “Click”,
Press: oController.update
});
Kontrol Pelengkapan Otomatis
Untuk melengkapi otomatis nilai yang dimasukkan.
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}));
}
Kotak Kontrol Meja
Ini diturunkan dari sap.ui.table dan setiap tabel berisi kolom.
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”
})