网页-列表(简单)
适用于显示动态数据集中数据,可在设计时添加显示列(注:添加显示列需要先设置引用数据)。
属性
名称 | 默认值 | 说明 |
---|---|---|
引用数据 | 无 | 显示数据的数据集 |
过滤表达式 | 无 | 根据表达式过滤数据,渲染视图 |
多选 | false | 是否显示选择列 |
显示行号 | false | 是否显示行号列 |
排序 | true | 点击列标题,根据列下边内容排序 |
响应式 | true | 根据所在区块的宽度,列表宽度自适应 |
表格宽自适应 | true | 表格宽度根据内容自适应 |
行选中样式 | active | 行选中样式 |
使用footer | false | 对一列数据进行计算,注:须在列定footer的表达式 |
事件
名称 | 携带参数 | 说明 |
---|---|---|
单击行事件 | 点击当前行数据,当前行ID | 单击当前行触发。参数可在属性编辑的高级模式下使用$event.row或者$event.rowID获取。 |
双击行事件 | 点击当前行数据,当前行ID | 双击触发。参数可在属性编辑的高级模式下使用$event.row或者$event.rowID获取 |
多选勾选事件 | 当前行数据,当前行ID,当前行是否选中 | 组件多选属性设置为true,勾选或取消勾选触发。 |
多选全选事件 | 是否全部勾选 | 勾选或取消标题栏左侧的勾选框触发。 |
加载完成事件 | 无 | 数据渲染完成触发 |
数据过滤 | 视图渲染数据 | 通过修改$event.datas影响数据显示 |
示例