我有以下json数据:

{
   "medios":[
      {
         "Medio":"Cheque",
         "Key":"5"
      },
      {
         "Medio":"Transferencia Bancaria",
         "Key":"6"
      }
   ]
}


我使用json模型绑定此数据:

var oModelTest = new sap.ui.model.json.JSONModel();
var MediosPagoPromesa = [];
var MedioObj = {
Medio: proMedioPagoCP, //a variable I fill inside a loop
Key: i.toString() //because it is inside a loop
}

MediosPagoPromesa.push(MedioObj);

 oModelTest.setData({
 'medios': MediosPagoPromesa
 });
sap.ui.getCore().setModel(oModelTest, "Pagos");


放入MultiComboBox:

 var test = sap.ui.getCore().getModel("Pagos");

 var oMultiSelect = new sap.m.MultiComboBox({
      items: {
      path: "/medios",
      template: new sap.ui.core.ListItem({
      key: '{Key}',
      text: '{Medio}'
  }),
      templateShareable: true
      },
      selectedKeys: ?,      //here is my problem
});
oMultiSelect.setModel(test);


我不知道的是,如何将MultiComboBox中绑定的所有项目设置为选定项目,所以即使是从头开始,它们也可以自动显示为选定状态,我知道如何实现?

最佳答案

在循环中添加所选元素的新数组

var oModelTest = new sap.ui.model.json.JSONModel();
var MediosPagoPromesa = [];
var selected = [];
var MedioObj = {
Medio: proMedioPagoCP, //I variable I fill inside a loop
Key: i.toString() //because it is inside a loop
}
selected.push(i.toString); //inside the loop

MediosPagoPromesa.push(MedioObj);

 oModelTest.setData({
 'medios': MediosPagoPromesa,
 'selected' : selected
 });
sap.ui.getCore().setModel(oModelTest, "Pagos");


在MultiComBox中,使用bindProperty绑定selectedKeys属性

var test = sap.ui.getCore().getModel("Pagos");

 var oMultiSelect = new sap.m.MultiComboBox({
      items: {
      path: "/medios",
      template: new sap.ui.core.ListItem({
      key: '{Key}',
      text: '{Medio}'
  }),
      templateShareable: true
      },

});
oMultiSelect.bindProperty("selectedKeys", "/selected");
oMultiSelect.setModel(test);


这是带有清晰示例的jsbin:https://jsbin.com/murural/1/edit?html,js,output

关于javascript - 如何在sapui5 MultiComboBox中设置“选定项目”?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/53732452/

10-12 07:20