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