在 SAPUI5 XML 视图中绑定嵌套的 JSON 数据

Question

我正在尝试在我的 SAPUI5 应用程序中绑定来自嵌套 JSON 文件的数据。视图采用 XML 格式。

这是我的 JSON 文件中的 sn-p：

{
    "Departments": [
        {
            "ID": "1",
            "Name": "Транспортный цех 1",
            "Count": 35,
            "Address": "Корпус 1, Этаж 7",
            "Logo": "image/manager1.jpg",
            "Employees": [
                {
                    "ID": "1000001234",
                    "LastName": "Базенков",
                    "FirstName": "Андрей",
                    "MiddleName": "Анатольевич"
                },
                {
                    "ID": "1000001234",
                    "LastName": "Базенков",
                    "FirstName": "Андрей",
                    "MiddleName": "Анатольевич"
                }
            ]
        },
        {
            "ID": "2",
            "Name": "Транспортный цех 2",
            "Count": 35,
            "Address": "Корпус 1, Этаж 7",
            "Logo": "image/manager1.jpg",
            "Employees": [
                {
                    "ID": "1000001234",
                    "LastName": "Базенков",
                    "FirstName": "Андрей",
                    "MiddleName": "Анатольевич"
                },
                {
                    "ID": "1000001234",
                    "LastName": "Базенков",
                    "FirstName": "Андрей",
                    "MiddleName": "Анатольевич"
                }
            ]
        }
    ]
}

我在控制器中加载 JSON 文件，然后在我的 XML 视图中绑定数据“地址”和“名称”，如下所示：

<List id="list1" items="{path:'/Departments'}">
    <items>
        <ObjectListItem icon="{Logo}" type="Active" press="onListItemPress" number="{Count}" title="{Name}">
            <attributes>
                <ObjectAttribute text="{Address}" />    
            </attributes>
        </ObjectListItem>
    </items>
</List>

但是，当我尝试像这样绑定嵌套数据“FirstName”或“LastName”时，我无法绑定它。

text="{Employees/LastName}"

Answer 1

Employees 是一个数组。

1. 如果您愿意，可以选择一个条目并使用{Employees/0/LastName}。

2. 您还可以使用格式化函数将员工合并为字符串：

查看：

<ObjectAttribute text="{path: 'Employees', formatter: '.formatEmployees'}"/>

控制器：

formatEmployees: function(aEmployees){
  return aEmployees.map(function(employee){ return employee.LastName + ", " +  employee.FirstName; }).join("; ");
}

1. 您可以使用 sap.m.ListBox 或 sap.m.Tokenizer 之类的列表控件，并将项目绑定到 Employees 数组。