如何将存储在模型中的json数组绑定到SAPUI5中的列表控件?

时间:2018-05-28 06:24:33

标签: javascript sapui5

我有一个包含JSON数组的Employees JSON

{
"Employees" : [
{
"userId":"rirani",
"jobTitleName":"Developer",
"firstName":"Romin",
"lastName":"Irani",
"preferredFullName":"Romin Irani",
"employeeCode":"E1",
"region":"CA",
"phoneNumber":"408-1234567",
"emailAddress":"romin.k.irani@gmail.com"
},
.........

我已将它绑定到模型并将其设置为查看。

    var oModel = new sap.ui.model.json.JSONModel();
    oModel.loadData("Employees.json");
    this.getView().setModel(oModel);

将数据绑定到List的代码:

    <List id="list" items="{/Employees.json}">
      <content>
       <Label text="{userId}">
     </content>
    </List>

2 个答案:

答案 0 :(得分:0)

我浏览了文档,发现我们可以使用路径访问密钥:

<List id="test-list" items="{
    path   : '/Employees', 
    sorter : [{
        path       : 'userId', 
        descending : true
    }]
}">
    <StandardListItem title="{jobTitleName}"  />
</List>

答案 1 :(得分:0)

如果不需要排序,这应该是好的

<List id="test-list" items="{/Employees}">
    <StandardListItem title="{jobTitleName}"  />
</List>