如何使用Json权限进行多步骤选择(xml-view/UI5)

Question

首先，英语不是我的母语，请询问是否有什么不清楚的地方。我想在UI5中进行选择。使用此选择选项定位机架单元的位置。我的目标是，这是一个循序渐进的选择。首先你选择了楼层。例如，在楼层1中，您有服务器机房1、2、3、4在二楼，你可能有a、b、c、d所以服务器机房是不同的，那么不同的服务器机房有不同的服务器，以此类推。如何构造JSON或使用控制器来构造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>

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