列表视图是一个组合组件,可以灵活组合列表项的内容,并且根据实例化数据进行动态展示。
列表视图由上方列表区和下方的页码区组成,使用时,需要在“列表视图(List View)”上绑定数据模型,且数据类型为数组;如果要使用分页功能,分页组件需放在最外层“列表视图(List View Container)”内。
向页面中拖入一个列表视图,具体属性如下表1所示。
表 1 列表视图属性
|
|
在列表视图属性“数据绑定”中单击,绑定数据模型,模型实例化必须为数组,具体请参见绑定数据模型。
向列表视图中拖入栅格容器,并将栅格容器设置为6行2列,并向前5行中拖入标签组件,并设置标签属性。
属性值绑定。
选择第一行第二列中的标签,单击右侧“属性值绑定”的“+”,新增属性值绑定。其中“属性”设置为“文本内容”,再单击,添加模型字段,将模型字段绑定到当前标签上。
重复上一步,为其他行的标签组件进行属性值绑定。
在第6行拖入一个按钮,设置为“处理”。
单击保存页面,再单击进行预览 。
预期效果:进行属性值绑定的标签组件,显示绑定的模型字段内容。