Показать и скрыть sap.m.Panel в SAPUI5 App

Question

В моем приложении sapui5 у меня есть 4 панели, созданные с помощью элемента управления sap.m.Panel.

var oPanel1 = new sap.m.Panel({ 
    headerText : "1", 
}); 
var oPanel2 = new sap.m.Panel({ 
    headerText : "2", 
}); 
var oPanel3 = new sap.m.Panel({ 
    headerText : "3", 
}); 
var oPanel4 = new sap.m.Panel({ 
    headerText : "4", 
}); 

Теперь я хочу, чтобы добавить кнопку настройки с формой, содержащей элементы флажке, как имя панели, по умолчанию всех панелей имя проверяется в форме.

Если я хочу скрыть любую панель, отключив любое имя панели в форме настроек.

Возможно ли это в SAPUI5, если да, то каким образом?

Answer 1

Вы можете сделать видимость панелей условной, привязывая свойство к свойству модели. На следующем шаге вы привязываете отмеченное состояние флажка к тому же свойству модели.

var oModel = new sap.ui.model.json.JSONModel({ 
    panels: { 
     1: { 
      visible: true 
     } 
    } 
}); 

var oPanel1 = new sap.m.Panel({ 
    headerText : "1", 
    visible: "{panelModel>/panels/1/visible}" 
}); 
oPanel1.setModel(oModel, "panelModel"); 

var oCheckBox1 = new sap.m.CheckBox({ 
    selected: "{panelModel>/panels/1/visible}", 
    text: "1" 
}); 
oCheckBox1.setModel(oModel, "panelModel");