Учебники

SAP UI5 — Элементы управления

Сентябрь 3, 2018

Существуют различные типы элементов управления пользовательского интерфейса, которые вы можете использовать при разработке приложений UI5. Эти элементы управления позволяют добавлять кнопку, таблицу, изображения, макет, поле со списком и различные другие элементы управления в приложении UI5.

Общие типы управления включают в себя —

  • Простое управление
  • Комплексное управление
  • UX3 Controls
  • Диалоги
  • раскладка

Контроль изображения 

Var image = new sap.ui.commons.Image();
Image.setSrc(“Image1.gif”);
Image.setAlt(“alternat.text”);

Поле со списком

Вы можете использовать поле со списком для предоставления предопределенных записей.

Свойства — элементы, выбранныеKey 

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());
   }
});

Простое кнопочное управление

Использовать обработчик события attachPresss для действия push. 

Var oButton = new sap.ui.commons.Button ({text : “Click”,
   Press: oController.update
});

Автозаполнение управления

Для автозаполнения введенного значения. 

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

Блок управления столом

Он получен из sap.ui.table, и каждая таблица содержит столбцы.

44
Share: