如何在 sapui5 MultiComboBox 中设置选定项目?
How can I set Selected items in a sapui5 MultiComboBox?
我有以下 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");
进入多组合框:
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
我有以下 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");
进入多组合框:
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