在SAPUI5应用程序中显示和隐藏sap.m.Panel

在SAPUI5应用程序中显示和隐藏sap.m.Panel,sapui5,Sapui5,在我的sapui5应用程序中,我有4个面板,使用sap.m.Panel控件创建 var oPanel1=新sap.m.Panel({ 标题文字:“1”, }); var oPanel2=新sap.m.面板({ 标题文字:“2”, }); var oPanel3=新sap.m.面板({ 标题文字:“3”, }); var oPanel4=新sap.m.面板({ 标题文字:“4”, }); 现在,我想添加一个设置按钮,其中的表单包含复选框元素作为面板名称,默认情况下,表单中的所有面板名称都被选中

在我的sapui5应用程序中,我有4个面板,使用
sap.m.Panel
控件创建

var oPanel1=新sap.m.Panel({
标题文字:“1”,
}); 
var oPanel2=新sap.m.面板({
标题文字:“2”,
});
var oPanel3=新sap.m.面板({
标题文字:“3”,
});
var oPanel4=新sap.m.面板({
标题文字:“4”,
});
现在,我想添加一个设置按钮,其中的表单包含复选框元素作为面板名称,默认情况下,表单中的所有面板名称都被选中

若我想通过取消选中设置窗体中的任何面板名称来隐藏任何面板


在SAPUI5中是否可能,如果可能,如何实现?

您可以通过将属性绑定到模型属性来设置面板可见性的条件。 在下一步中,将复选框的选中状态绑定到同一模型属性

var-oModel=new sap.ui.model.json.JSONModel({
面板:{
1: {
可见:正确
}
}
});
var oPanel1=新sap.m.面板({
标题文字:“1”,
可见:“{panelModel>/panels/1/visible}”
}); 
oPanel1.setModel(oModel,“panelModel”);
var oCheckBox1=新建sap.m.CheckBox({
选中:“{panelModel>/panels/1/visible}”,
案文:“1”
});
oCheckBox1.setModel(oModel,“panelModel”);