Javascript 将json数据绑定到openui5中的Listbox和下拉框控件中

Javascript 将json数据绑定到openui5中的Listbox和下拉框控件中,javascript,sapui5,Javascript,Sapui5,我是openui5的新手。有谁能帮助我,如何在openui5中将json数据绑定到Listbox和dropdownbox控件中(在我的例子中,我使用的是JSView和sap.ui.commons库)。我在eclipse中有单独的json文件,并且在这里添加了代码片段 //Create Model var oModel = new sap.ui.model.json.JSONModel(); oModel.loadData("model/Transaction_State.json"); oTr

我是openui5的新手。有谁能帮助我,如何在openui5中将json数据绑定到Listbox和dropdownbox控件中(在我的例子中,我使用的是JSView和sap.ui.commons库)。我在eclipse中有单独的json文件,并且在这里添加了代码片段

//Create Model 
var oModel = new sap.ui.model.json.JSONModel();
oModel.loadData("model/Transaction_State.json");
oTransstlistbx.setModel(oModel);
oTransstlistbx.bindProperty("/state_name");

//Create a instance for ListBox
var oTransstlistbx = new sap.ui.commons.ListBox({
    allowMultiSelect: true,
    visibleItems: 4,
    items: [
        new sap.ui.core.ListItem({ text: "sample1" }), //need to bind json data here
        new sap.ui.core.ListItem({ text: "sample1" }), //need to bind json data here
        new sap.ui.core.ListItem({ text: "sample3" }), //need to bind json data here
    ]
});
此数据来自
Transaction\u State.json
文件。我可以加载JSON数据,但如何将数据绑定到Listbox项?任何帮助都将不胜感激。

请参阅此示例

如果这是JSONmodel中的json(products.json-例如,它包含3条记录)

{
“产品集合”:[
{
“产品ID”:“1239102”,
“名称”:“功率投影仪4713”,
“类别”:“投影仪”,
“供应商名称”:“钛”,
“说明”:“一款功能强大的投影仪,具有互联网可用性的特殊功能,USB”,
“权重度量”:1467,
“重量单位”:“g”,
“价格”:856.49,
“货币代码”:“欧元”,
“状态”:“可用”,
“数量”:3,
“计量单位”:“PC”,
“宽度”:51,
“深度”:42,
“高度”:18,
“尺寸单位”:“厘米”,
“ProductPicUrl”:”https://openui5.hana.ondemand.com/test-resources/sap/ui/demokit/explored/img/HT-6100.jpg"
},
{
“产品ID”:“2212-121-828”,
“名称”:“角斗士MX”,
“类别”:“图形卡”,
“供应商名称”:“Technocom”,
“说明”:“Gladiator MX:DDR2 RoHS 128MB支持512MB时钟速率:350 MHz内存时钟:533 MHz,总线类型:PCI Express,内存类型:DDR2内存总线:32位突出显示功能:DVI输出、TV输出、HDTV”,
“权重度量”:321,
“重量单位”:“g”,
“价格”:81.7,
“货币代码”:“欧元”,
“状态”:“已终止”,
“数量”:10,
“计量单位”:“PC”,
“宽度”:34,
“深度”:14,
“高度”:2,
“尺寸单位”:“厘米”,
“ProductPicUrl”:”https://openui5.hana.ondemand.com/test-resources/sap/ui/demokit/explored/img/HT-1071.jpg"
},
{
“产品ID”:“K47322.1”,
“名称”:“飓风GX”,
“类别”:“图形卡”,
“供应商名称”:“红点商店”,
“说明”:“飓风GX:DDR2 RoHS 512MB支持1024MB时钟速率:550 MHz内存时钟:933 MHz,总线类型:PCI Express,内存类型:DDR2内存总线:64位突出显示功能:DVI输出、TV输入、TV输出、HDTV”,
“权重度量”:588,
“重量单位”:“g”,
“价格”:219,
“货币代码”:“欧元”,
“状态”:“缺货”,
“数量”:25,
“计量单位”:“PC”,
“宽度”:34,
“深度”:14,
“高度”:2,
“尺寸单位”:“厘米”,
“ProductPicUrl”:”https://openui5.hana.ondemand.com/test-resources/sap/ui/demokit/explored/img/HT-1072.jpg"
}

}
向我们展示你的代码,帮助我们帮助你。在我的例子中,我使用的是JS View和Sap.ui.commons库。你有jsview的代码片段吗?如果有,请分享这是一个很好的例子。我想用JS View做同样的事情。你能给我举个例子吗?