我需要在JSON响应的页面中创建一组带有lebels的复选框。 JSON响应是
{
"data": [
{
"CodeStatus": "Red"
},
{
"CodeStatus": "Orange"
},
{
"CodeStatus": "Green"
},
{
"CodeStatus": "Yellow"
}
]
}
设计是:
该框可以垂直滚动,因为它可以有更多的颜色代码。 任何人都可以建议如何设计上述? 如果可以提供实现代码,那将非常好,因为我有时间实现它。
答案 0 :(得分:0)
创建一个JsonModel。使用setData()方法从响应中获得的json定义其数据。
然后使用VerticalLayout元素并将其内容绑定到模型上的“/ data”。 这将为模型的数据属性上的每个元素创建“线”。 使用模板作为标签+复选框,标签文本绑定到“CodeStatus”。 您还需要在每个条目上使用checked属性来存储复选框的checked属性。