OneNET应用开发环境 由浅入深应用开发环境
应用开发环境介绍 初识应用开发环境 开发入门 开发进阶
开发指南
开发应用 定义数据对象 创建聚合对象 开发脚本 管理事件 开发流 配置审批流程 开发标准页面 开发高级页面 开发商业流 配置连接器 开发Email发送功能 配置工作流 开发报表 自定义BO 管理平台

列表视图

列表视图是一个组合组件,可以灵活组合列表项的内容,并且根据实例化数据进行动态展示。

列表视图由上方列表区和下方的页码区组成,使用时,需要在“列表视图(List View)”上绑定数据模型,且数据类型为数组;如果要使用分页功能,分页组件需放在最外层“列表视图(List View Container)”内。

向页面中拖入一个列表视图,具体属性如下表1所示。

表 1 列表视图属性

属性

说明

名称(Name)

列表上方“列表视图”List View的名称。

无数据显示

默认值“No Data”。

默认分页大小

设置当前页面展示的数据条数

是否分页

是否启动分页功能

列数

一行显示的列数

列排列方式

列的排列方式:

  • start
  • end
  • center
  • space-around
  • space-between

显示电梯

show-elevator,可以快速跳转到某一页

显示分页

show-sizer,用来改变page-size

分页

扩展列表视图能力,为列表视图添加分页区块

每页条数切换的配置

开启了显示分页后,显示分页里面的下拉项,默认值:“[10,20,30,40]”。

大小

size,可选值为small(迷你版)或不填(默认)

简洁样式

是否开启简洁模式

属性值绑定

  1. 在列表视图属性“数据绑定”中单击,绑定数据模型,模型实例化必须为数组,具体请参见绑定数据模型

    图 1 绑定数据模型

  2. 向列表视图中拖入栅格容器,并将栅格容器设置为6行2列,并向前5行中拖入标签组件,并设置标签属性。

  3. 属性值绑定。

    选择第一行第二列中的标签,单击右侧“属性值绑定”的“+”,新增属性值绑定。其中“属性”设置为“文本内容”,再单击,添加模型字段,将模型字段绑定到当前标签上。

    重复上一步,为其他行的标签组件进行属性值绑定。

  4. 在第6行拖入一个按钮,设置为“处理”。

  5. 单击保存页面,再单击进行预览 。

    预期效果:进行属性值绑定的标签组件,显示绑定的模型字段内容。

    图 2 通过属性值绑定获取模型中的数据

results matching ""

    No results matching ""