Question

首先，英语不是我的母语，请询问是否还有不清楚的地方。我想在UI5中做一个选择。使用此选择选项可找到机架单元的位置。我的目标是这是一步一步的选择。首先你选择了你的楼层。例如，在1楼，您有服务器室1,2,3,4 在2楼你可能有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看起来像：

<script type="text/javascript" src="bower_components/angular/angular.min.js"></script>

动态地，我正在改变可选项的绑定..

如何使用Json进行多步选择（xml-view / UI5）

1 个答案: