如何正确使用Json进行多步选择(xml/ UI5)

Question

首先，英语不是我的母语，请问一下是否有什么不清楚的地方。我想在UI5中做一个选择。使用此Select定位Rack单元的位置。我的目标是这是一步一步的选择。首先你选择了你的地板。例如，在第一层，2楼有服务器1，2，3，4，可能有a，b，c，d，所以服务器房间不同，不同的服务器房间有不同的服务器等等。我如何构造我的JSON或使用我的控制器这样做呢？

代码示例1，Xml视图：

 <l:VerticalLayout class="sapUiSmallMargin" >
                            <VBox>
                                <Label text="Floor" />
                                <Select
                                    items="{}">
                                    <core:Item text="" />
                                </Select>
                            </VBox>
                            <VBox>
                                <Label text="server-room" />
                                <Select
                                    items="{}">
                                    <core:Item text="" />
                                </Select>
                            </VBox>
                            <VBox>
                                <Label text="server" />
                                <Select
                                    items="{}">
                                    <core:Item text="" />
                                </Select>
                            </VBox>
                            <VBox>
                                <Label text="units" />
                                <Select
                                    items="{}">
                                    <core:Item text="" />
                                </Select>
                            </VBox>
                    </l:VerticalLayout>

代码示例2，JSON：

[
  {
    "server-select": {
      "floors": {
        "floor1": {
          "server-rooms": {
            "server-room1": {
              "server": {
                "server1": {
                  "units": {
                    "unit1": "xXyY11",
                    "unit2": "xXyY12",
                    "unit3": "xXyY13",
                    "unit4": "xXyY14",
                    "unit5": "xXyY15",
                    "unit6": "xXyY16",
                    "unit7": "xXyY17",
                    "unit8": "xXyY18",
                    "unit9": "xXyY19"
                  }
                }
              }
            }
          }
        }
      }
    }
]

Answer 1

查看以下内容：http://jsfiddle.net/connecttobn/yh6fdanv/

XML看起来应该是：

<l:VerticalLayout class="sapUiSmallMargin" >
                            <VBox>
                                <Label text="Floor" />
                                <Select width="200px" id="floor" change ="handleFloorChange"
                                    items="{/floors}">
                                    <core:Item text="{name}" />
                                </Select>
                            </VBox>
                            <VBox>
                                <Label text="server-room" />
                                <Select width="200px"  id="serverRoom" change ="handleServerRoomsChange"
                                    items="{/floors/0/serverRooms}">
                                    <core:Item text="{name}" />
                                </Select>
                            </VBox>
                            <VBox>
                                <Label text="server" />
                                <Select width="200px"  id="server" change ="handleServersChange"
                                    items="{/floors/0/serverRooms/0/servers}">
                                    <core:Item text="{name}" />
                                </Select>
                            </VBox>
                            <VBox>
                                <Label text="units" />
                                <Select width="200px" id="unit"
                                    items="{/floors/0/serverRooms/0/servers/0/units}">
                                    <core:Item text="{name}" />
                                </Select>
                            </VBox>
                    </l:VerticalLayout>

动态地，我正在更改可选择项的绑定。