Page tree

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已改变。

...

勾选后,List组件下方会显示分页组件

 

按栅格显示

  将列表以网格布局的形式进行展示

所占列数

  • 说明:用于设置网格布局的列数,通过调整该属性值,可以将列表中的项目按照指定的列数进行排列,从而实现不同的布局效果。
  • 类型number
  • 示例:若将column设置为 3,那么列表中的项目将会以每行 3 列的方式进行排列。

栅格间隔

  • 说明:用于设置网格项之间的间距,包括水平方向和垂直方向的间距,单位为像素。该属性可以使网格中的各个项目之间保持适当的间隔,避免过于拥挤,提高布局的美观度和可读性。
  • 类型number
  • 示例:当gutter设为 20 时,网格中的每个项目之间,无论是上下还是左右,都会有 20 像素的间距。

操作按钮

当 List 组件的显示模式为 templateCard 时,可以配置底部的操作按钮。

Image Added

操作列最多显示个数

List按照templateCard模式显示时,每个Card中可展示多少个操作列

是否支持单选

当 List 组件的显示模式为 templateCard 时

Image Added

选中样式

支持单选时,选中时的样式。

模板脚本

模板脚本,返回一段 HTML 模板,举例:

...

当前Form绑定的实体,entity 或者 DTO

ListItem模式

List Items 渲染模式,可选 template:使用模板,ref:引用一个单独的 window

template:使用模板

templateCard:

ref:引用一个单独的 window

引用窗口

ListItem模式 值为 ref 时选择需要引用的 window

...