SAP UI5 - Điều khiển
Có nhiều loại điều khiển giao diện người dùng khác nhau mà bạn có thể sử dụng trong khi phát triển các ứng dụng UI5. Những điều khiển này cho phép bạn thêm một nút, bảng, hình ảnh, bố cục, hộp tổ hợp và nhiều điều khiển khác trong ứng dụng UI5.
Các loại điều khiển phổ biến bao gồm -
- Điều khiển đơn giản
- Điều khiển phức tạp
- Điều khiển UX3
- Dialogs
- Layout
Kiểm soát hình ảnh
Var image = new sap.ui.commons.Image();
Image.setSrc(“Image1.gif”);
Image.setAlt(“alternat.text”);
Hộp kết hợp
Bạn có thể sử dụng hộp tổ hợp để cung cấp các mục nhập được xác định trước.
Thuộc tính - mục, đã chọn
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());
}
});
Điều khiển nút đơn giản
Sử dụng trình xử lý sự kiện chỉ định tệp đính kèm cho một hành động đẩy.
Var oButton = new sap.ui.commons.Button ({text : “Click”,
Press: oController.update
});
Kiểm soát tự động hoàn thành
Để tự động điền giá trị đã nhập.
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}));
}
Hộp điều khiển bảng
Nó có nguồn gốc từ sap.ui.table và mỗi bảng chứa các cột.
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”
})