从JSON Response SAP UI5创建动态控件

时间:2014-05-30 15:45:07

标签: json checkbox checkboxlist sapui5

我需要在JSON响应的页面中创建一组带有lebels的复选框。 JSON响应是

{
    "data": [
        {
            "CodeStatus": "Red"
        },
        {
            "CodeStatus": "Orange"
        },
        {
            "CodeStatus": "Green"
        },
        {
            "CodeStatus": "Yellow"
        }
    ]
}

设计是:

enter image description here

该框可以垂直滚动,因为它可以有更多的颜色代码。 任何人都可以建议如何设计上述? 如果可以提供实现代码,那将非常好,因为我有时间实现它。

1 个答案:

答案 0 :(得分:0)

创建一个JsonModel。使用setData()方法从响应中获得的json定义其数据。

然后使用VerticalLayout元素并将其内容绑定到模型上的“/ data”。 这将为模型的数据属性上的每个元素创建“线”。 使用模板作为标签+复选框,标签文本绑定到“CodeStatus”。 您还需要在每个条目上使用checked属性来存储复选框的checked属性。