树型列表

属性配置

基础

• 组件标题： 用于在图层和节点编程中显示组件的名称。修改后在图层和节点编程中搜索组件时按照新标题进行搜索。1.1+

• 组件尺寸： 组件的宽度和高度，单位为px。

  • 锁定纵横比：：单击切换是否锁定纵横比，锁定时调整组件尺寸保持其宽度与高度的比例不变。 2024.3+

• 组件位置： 组件在大屏中的位置，包括组件的横坐标和纵坐标，单位为px。横坐标为组件左上角距离页面左边界的像素距离，纵坐标为组件左上角距离页面上边界的像素距离。

• 隐藏时解析： 默认组件设置隐藏后组件不解析，组件配置的数据资源及交互事件，节点编程事件都不会执行。当开启隐藏时解析时，上述功能将执行。

  提示

  隐藏时解析常用于页面中不需要展示组件但要获取相关数据。

• 背景色： 设置列表组件背景色。

• 列表主题： 设置列表主题，可选 暗色、亮色。切换主题时会改变列表内已经设置的背景及文字样式，可用于重置列表样式。

• 排序类型： 设置列表排序方式，可选 单列、多列。设为单列时点击排序字段会清除其他字段的排序效果。 2024.3+

• 边框线

  • 显示边框： 设置列表是否显示边框。

  • 外边框

    • 颜色： 设置边框颜色。

    • 宽度： 设置边框宽度。值越大边框越宽。

    • 类型： 设置边框类型，可选 实线、虚线、点状线、双横线。

  • 内横边框： 属性配置与外边框一致。

  • 内纵边框： 属性配置与外边框一致。

• 缺省状态设置： 缺省状态基础设置。

  • 提示内容： 设置缺省状态的提示内容。适用于在数据缺失或加载失败时显示提示信息。

  • 背景色： 设置缺省状态的背景颜色。

  • 文本设置： 设置缺省状态提示文字的样式。

    • 文字大小： 设置提示文字的大小。

    • 文字颜色： 设置提示文字的颜色。

    • 文字字体： 设置提示文字的字体样式，可选系统内置字体或自定义字体。

    • 文字样式： 设置提示文字的样式，可选 加粗、倾斜、下划线。

    • 文字间距： 设置提示文字之间的间距。间距值越大，文字之间的距离越大；值越小，文字之间的距离越小。

    • 文字行高： 设置提示文字的行高。行高值越大，文字行与行之间的距离越大；值越小，文字行与行之间的距离越小。

  • 文本阴影：

    • 阴影颜色： 设置提示文字阴影的颜色。如果为空，则不显示文字阴影。

    • 水平： 设置提示文字阴影的水平偏移量。偏移值越大，阴影水平方向的距离越大；值越小，阴影水平方向的距离越小。

    • 垂直： 设置提示文字阴影的垂直偏移量。偏移值越大，阴影垂直方向的距离越大；值越小，阴影垂直方向的距离越小。

    • 模糊： 设置提示文字阴影的模糊程度。模糊值越大，阴影越模糊；值越小，阴影越清晰。

盒样式

• 高斯模糊： 模拟半透明磨砂玻璃的观感，结合透明度，使得背后的元素变得模糊，但轮廓和颜色仍依稀可见， 同时保持一定的视觉通透性。2024.3+

• 透明度： 设置组件的透明度，取值范围为0~1。当为0时，组件隐藏；当为1时，组件显示。默认透明度为 1。

• 2D 旋转： 设置组件的旋转角度度数。默认旋转度数为 0，其最大旋转度数为 360 度，从左向右拉取滑块为顺时针旋转。

• 3D 旋转： 点击在下拉框中选择3D旋转。4.2+

  • X 轴：基于横轴旋转，值为角度度数；

  • Y 轴：基于纵轴旋转，值为角度度数；

  • Z 轴：基于垂直于屏幕的轴旋转，值为角度度数（特别的，若只设置 Z 轴的值，则效果等同于 2D 旋转）。

  • 透视距离：观察者与屏幕之间的距离。值越大，距离屏幕越近；值越小，距离屏幕越远。默认为 500。

  • 透视位置：观察者与目标物之前的位置。分别代表 X 轴和 Y 轴，值为百分比值，取值范围为 0 ~ 100。默认 50|50，即正对目标物。

• 边框： 设置组件边框样式。

  • 单击设置单边样式。

  • 按 Ctrl 键，连续单击手柄，可同时设置多边样式。

  • 单击选中状态同时设置四边样式。

  • 可设置单个边框得显隐、颜色、宽度和类型。

• 圆角： 设置边框圆角，可分别设置四个方向的圆角大小。

• 背景：3.0+

  • 单击设置纯色背景。

  • 单击添加多个颜色设置渐变色背景。

  • 背景渐变色：线性渐变、径向渐变。

    • 线性渐变：可通过调整角度改变背景渐变的方向。
    

    • （1） 控制颜色交界线的渐变角度。

    • （2） 选择起始颜色并控制占比。

    • （3） 选择过渡颜色并控制占比。

    • 径向渐变：从组件中心向周围渐变，可选择“椭圆形”和“圆形”作为组件背景中心的形状。

    

    • （1） 控制渐变中心的形状。

    • （2） 选择起始颜色并控制占比。

    • （3） 选择过渡颜色并控制占比。

  • 背景图片：素材库图片、图片地址。

• 区域阴影：

  • 单击设置阴影颜色。

  • 单击切换阴影显示内部或外部。

  • 水平： 阴影的水平偏移量。值为0时阴影在组件下方，值>0时阴影向右侧偏移，值<0时阴影向左侧偏移。

  • 垂直： 阴影的垂直偏移量。值为0时阴影在组件下方，值>0时阴影向下方偏移，值<0时阴影向下方偏移。

  • 模糊： 阴影的模糊程度。值为0时阴影没有模糊效果，值越大阴影效果越明显。

  • 尺寸： 阴影的尺寸。值为0时阴影与组件大小相同，值>0时阴影比组件大，值<0时阴影比组件小。

行设置

• 表头行设置

  • 显示表头： 设置是否显示表头，默认显示。

  • 行高： 设置表头行高。

  • 背景色： 表头背景色。

  • 内边距： 设置单元格上、右、下、左四个方向的边距。

  • 水平对齐： 设置单元格内水平对齐。

  • 垂直对齐： 设置单元格内垂直对齐。

  • 文本设置： 设置表头行文字的样式。

    • 文字大小： 设置表头行文字的大小。

    • 文字颜色： 设置表头行文字的颜色。

    • 文字字体： 设置表头行文字的字体样式，可选系统内置字体或自定义字体。

    • 文字样式： 设置表头行文字的样式，可选 加粗、倾斜、下划线。

    • 文字间距： 设置表头行文字之间的间距。间距值越大，文字之间的距离越大；值越小，文字之间的距离越小。

    • 文字行高： 设置表头行文字的行高。行高值越大，文字行与行之间的距离越大；值越小，文字行与行之间的距离越小。

  • 文本阴影：

    • 阴影颜色： 设置表头行文字阴影的颜色。如果为空，则不显示文字阴影。

    • 水平： 设置表头行文字阴影的水平偏移量。偏移值越大，阴影水平方向的距离越大；值越小，阴影水平方向的距离越小。

    • 垂直： 设置表头行文字阴影的垂直偏移量。偏移值越大，阴影垂直方向的距离越大；值越小，阴影垂直方向的距离越小。

    • 模糊： 设置表头行文字阴影的模糊程度。模糊值越大，阴影越模糊；值越小，阴影越清晰。

• 内容行设置：

  • 行高： 设置列表行高。

  • 内置状态： 设置内置状态，可选 默认、主要、成功、警告、危险 五种状态，可设置作用行状态。

  • 内边距： 设置单元格上、右、下、左四个方向的边距。

  • 水平对齐： 设置单元格内水平对齐。

  • 基础样式：

    • 背景色： 作用行背景色。

    • 文本设置： 设置内容行文字的样式。

      • 文字大小： 设置内容行文字的大小。

      • 文字颜色： 设置内容行文字的颜色。

      • 文字字体： 设置内容行文字的字体样式，可选系统内置字体或自定义字体。

      • 文字样式： 设置内容行文字的样式，可选 加粗、倾斜、下划线。

      • 文字间距： 设置内容行文字之间的间距。间距值越大，文字之间的距离越大；值越小，文字之间的距离越小。

      • 文字行高： 设置内容行文字的行高。行高值越大，文字行与行之间的距离越大；值越小，文字行与行之间的距离越小。

    • 文本阴影：

      • 阴影颜色： 设置内容行文字阴影的颜色。如果为空，则不显示文字阴影。

      • 水平： 设置内容行文字阴影的水平偏移量。偏移值越大，阴影水平方向的距离越大；值越小，阴影水平方向的距离越小。

      • 垂直： 设置内容行文字阴影的垂直偏移量。偏移值越大，阴影垂直方向的距离越大；值越小，阴影垂直方向的距离越小。

      • 模糊： 设置内容行文字阴影的模糊程度。模糊值越大，阴影越模糊；值越小，阴影越清晰。

  • 悬停样式： 属性配置与基础样式一致。

• 条件映射: 用于根据某种逻辑条件判断，符合条件时将执行条件下配置的样式。

  • 添加条件映射: 点击添加条件映射。

  • 重命名条件映射: 点击条件映射名可进行重命名，默认值为 未命名条件。

  • 启用/停用条件映射: 点击可启用/停用条件映射，激活状态代表启用该条件映射。

  • 编辑条件映射: 点击按钮可在条件映射面板中编辑当前条件映射。

  • 删除条件映射: 点击按钮可删除当前条件映射。

  

  • 添加条件: 点击条件映射面板中在下拉框中选择具体条件进行添加。

  • 重命名条件: 点击条件名可进行重命名，默认值为条件类型，例 TOP条、奇数条、偶数条、指定条。

  • 启用/停用条件: 点击可启用/停用条件，激活状态代表启用该条件。

  • 删除条件: 点击按钮可删除当前条件。

  

• 合计行设置

  • 显示合计行： 是否显示合计行，默认不显示。

  • 名称： 第一列展示的名称，默认是合计。

  • 行高： 设置列表合计行行高。

  • 合并类型： 设置合计的类型，可选 合计、平均值、最小值、最大值。

  • 单位： 当前列有合计值时，后面拼接的单位。

  • 非合计填充： 当前列不是合计列时，默认为缺省提示。

  • 背景色： 合计行背景色。

  • 内边距： 设置单元格上、右、下、左四个方向的边距。

  • 水平对齐： 设置单元格内水平对齐。

  • 垂直对齐： 设置单元格内垂直对齐。

  • 文本设置： 设置合计行文字的样式。

    • 文字大小： 设置合计行文字的大小。

    • 文字颜色： 设置合计行文字的颜色。

    • 文字字体： 设置合计行文字的字体样式，可选系统内置字体或自定义字体。

    • 文字样式： 设置合计行文字的样式，可选 加粗、倾斜、下划线。

    • 文字间距： 设置合计行文字之间的间距。间距值越大，文字之间的距离越大；值越小，文字之间的距离越小。

    • 文字行高： 设置合计行文字的行高。行高值越大，文字行与行之间的距离越大；值越小，文字行与行之间的距离越小。

    • 文本阴影：

      • 阴影颜色： 设置合计行文字阴影的颜色。如果为空，则不显示文字阴影。

      • 水平： 设置合计行文字阴影的水平偏移量。偏移值越大，阴影水平方向的距离越大；值越小，阴影水平方向的距离越小。

      • 垂直： 设置合计行文字阴影的垂直偏移量。偏移值越大，阴影垂直方向的距离越大；值越小，阴影垂直方向的距离越小。

      • 模糊： 设置合计行文字阴影的模糊程度。模糊值越大，阴影越模糊；值越小，阴影越清晰。

列设置

• 名称： 当前列展示名称, 作用在列表当前列表头。

• 字段名： 下拉选择框，选中当前列展示字段内容。也可清空，多用作设置其他展示形态，例如当前列为序号列。

• 隐藏： 设置当前列为隐藏列，隐藏列的内容不在合计行、合计列中参与合计，在展开行中体现。

• 宽度： 设置当前列宽度，宽为 0 或者空时，当前列适配整个列表。设置不为 0 数值时，宽度为设置宽度，单位是 px，总宽度超出列表时，出现横向滚动条。

• 溢出文本： 设置文本超出显示区域时处理方式，可选 折行、省略、轮播。

• 点击事件： 绑定的是列点击事件，作为列点击事件的触发点，可以实现改变相同的字段，触发不同的事件。在启用列点击事件时，当前设置为必选项，设置触发事件。

• 所属分组： 有列分组时，可通过这个属性给列分属不同的组。选中的下拉是父子结构，可明确体现当前列所属分组，可用于实现多表头结构列表。

• 固定位置： 选择当前列是固定在一边。当设置了所属分组后，固定位置不可设置。

• 排序： 排序开启时，会在当前列表头显示排序控件。当前列未设置字段名或者清空字段名时，排序不可开启。

• 展示形态设置： 设置当前列的展示形式，可选 数据、序号列、进度条、合计`。

  • 数据： 展示当前绑定字段数据，需要选择字段名。

  • 序号列： 添加列表序号列。

  • 进度条： 当前列数据以进度条形式展示，需要绑定的字段返回的值是不带%的百分比值，范围是 0 ~ 100 , 超出的显示 100。

    • 宽度： 设置进度条的粗细。

    • 文字内置： 进度提展示的文字是在进度上，关闭时文字展示在进度条外。

    • 当前状态： 设置进度条状态，可选 默认、成功、警告、异常、自定义。状态设为 自定义 时，可自行设置进度条某个进度时展示的颜色。

  • 合计： 添加当前列为合计列。

    • 合并类型： 设置合计的类型，可选 合计、平均值、最小值、最大值。

• 表头设置：

  • 基础样式

    • 开启： 列设置基础样式默认不开启，关闭时列表显示行样式设置，开启时列当前设置样式生效，用于当前列需要设置特殊样式时。

    • 背景色： 当前列表头背景色。

    • 内边距： 设置单元格内填充，设置按照 padding 属性的上、右、下、左的顺序设置。

    • 水平对齐： 设置单元格内水平对齐。

    • 垂直对齐： 设置单元格内垂直对齐。

    • 文本设置： 设置表头行文字的样式。

      • 文字大小： 设置表头行文字的大小。

      • 文字颜色： 设置表头行文字的颜色。

      • 文字字体： 设置表头行文字的字体样式，可选系统内置字体或自定义字体。

      • 文字样式： 设置表头行文字的样式，可选 加粗、倾斜、下划线。

      • 文字间距： 设置表头行文字之间的间距。间距值越大，文字之间的距离越大；值越小，文字之间的距离越小。

      • 文字行高： 设置表头行文字的行高。行高值越大，文字行与行之间的距离越大；值越小，文字行与行之间的距离越小。

    • 文本阴影：

      • 阴影颜色： 设置表头行文字阴影的颜色。如果为空，则不显示文字阴影。

      • 水平： 设置表头行文字阴影的水平偏移量。偏移值越大，阴影水平方向的距离越大；值越小，阴影水平方向的距离越小。

      • 垂直： 设置表头行文字阴影的垂直偏移量。偏移值越大，阴影垂直方向的距离越大；值越小，阴影垂直方向的距离越小。

      • 模糊： 设置表头行文字阴影的模糊程度。模糊值越大，阴影越模糊；值越小，阴影越清晰。

• 填充： 填充中可添加多个标记，每个标记是一个独立。例如可在内容前面添加图标，内容后面添加单位

  • 显示： 开启标记时，标记内容在列表中显示。

  • 位置： 位置设置分左右，是以当前列展示的内容做参照物，在当前数据的左右添加标记。

  • 填充类型： 表头可填充 图标、图片 两种。

  • 图标类名： 图标来自 Element-UI 的图标库，例如：el-icon-user。

  • 图片类型： 当填充类型为 图片 时可设置图片类型，可选 图片选择、图片地址。

  • 图片选择： 图片来源是素材库，点击可打开素材库进行图片选择。

  • 图片地址： 添加可访问的第三方图片地址。

  • 宽度： 填充类型为图片时，可设置图片宽度。

  • 高度： 填充类型为图片时，可设置图片高度。

  • 左间距： 标记左填充。

  • 右间距： 标记右填充。

• 内容设置：

  • 内填充： 基础样式和悬停样式的内填充

  • 基础样式

    • 开启： 列设置基础样式默认不开启，关闭时列表显示行样式设置，开启时列当前设置样式生效，用于当前列需要设置特殊样式时。

    • 背景色： 当前列内容背景色。

    • 水平对齐： 设置单元格内水平对齐。

    • 文本设置： 设置合计行文字的样式。

      • 文字大小： 设置合计行文字的大小。

      • 文字颜色： 设置合计行文字的颜色。

      • 文字字体： 设置合计行文字的字体样式，可选系统内置字体或自定义字体。

      • 文字样式： 设置合计行文字的样式，可选 加粗、倾斜、下划线。

      • 文字间距： 设置合计行文字之间的间距。间距值越大，文字之间的距离越大；值越小，文字之间的距离越小。

      • 文字行高： 设置合计行文字的行高。行高值越大，文字行与行之间的距离越大；值越小，文字行与行之间的距离越小。

    • 文本阴影：

      • 阴影颜色： 设置合计行文字阴影的颜色。如果为空，则不显示文字阴影。

      • 水平： 设置合计行文字阴影的水平偏移量。偏移值越大，阴影水平方向的距离越大；值越小，阴影水平方向的距离越小。

      • 垂直： 设置合计行文字阴影的垂直偏移量。偏移值越大，阴影垂直方向的距离越大；值越小，阴影垂直方向的距离越小。

      • 模糊： 设置合计行文字阴影的模糊程度。模糊值越大，阴影越模糊；值越小，阴影越清晰。

  • 悬停样式： 同基础样式

• 填充： 基础功能同表头设置填充，区别如下

  • 替换文本： 开启替换文本时，当前标记会替换表格原有内容。例如后台返回性别字段用 0，1 来区分男女，可将字段返回的 '0' 替换成 '男'，替换匹配通过作用区域设置。

  • 位置： 位置设置分左右，是以当前列展示的内容做参照物，在当前数据的左右添加标记。

  • 填充类型： 内容可填充 图标、图片、文本 三种。

  • 文本内容： 当填充类型是 文本 时，可设置文本内容。文本内容可设置 HTML 标签，可在标签上添加样式实现特殊样式设置。

  • 作用区域：

    1. 默认作用区域为空，为空时表示作用整个列。

    2. 通过字符串模板数据匹配设置作用行，里面有 data 和 index 两个参数，匹配符包括 >、<、>=、<=、=== 等。

       例 1：return data[key] > value(匹配值), data 为返回的当前行的数据, key 数据中拖过的字段。

       例 2：return index < 3, 表示作用前 3 行, index 列表数据下标, 下标从 0 开始。

列分组

• 名称： 当前分组名称，显示在表头，当不为空时可作为所属分组(列设置 -> 所属分组)的备选项。

• 上级分组： 上级分组的内容来自当前添加的分组。所属分组为空时，当前分组作为一级分组备选。分组不可逆向选择，当前分组选择时，被选中的分组不可在选择下级作为上级分组。

• 行高： 设置列表分组行高。

• 背景色： 分组背景色。

• 内边距： 设置单元格内填充，设置按照 padding 属性的上、右、下、左的顺序设置。

• 水平对齐： 设置单元格内水平对齐。

• 垂直对齐： 设置单元格内垂直对齐。

• 文本设置： 设置表头行文字的样式。

  • 文字大小： 设置表头行文字的大小。

  • 文字颜色： 设置表头行文字的颜色。

  • 文字字体： 设置表头行文字的字体样式，可选系统内置字体或自定义字体。

  • 文字样式： 设置表头行文字的样式，可选 加粗、倾斜、下划线。

  • 文字间距： 设置表头行文字之间的间距。间距值越大，文字之间的距离越大；值越小，文字之间的距离越小。

  • 文字行高： 设置表头行文字的行高。行高值越大，文字行与行之间的距离越大；值越小，文字行与行之间的距离越小。

• 文本阴影：

  • 阴影颜色： 设置表头行文字阴影的颜色。如果为空，则不显示文字阴影。

  • 水平： 设置表头行文字阴影的水平偏移量。偏移值越大，阴影水平方向的距离越大；值越小，阴影水平方向的距离越小。

  • 垂直： 设置表头行文字阴影的垂直偏移量。偏移值越大，阴影垂直方向的距离越大；值越小，阴影垂直方向的距离越小。

  • 模糊： 设置表头行文字阴影的模糊程度。模糊值越大，阴影越模糊；值越小，阴影越清晰。

提示框

• 提示框宽度： 设置提示框宽度。

• 提示位置： 设置提示框显示位置，可选 上、下。

• 偏移量： 设置提示框显示时相对于单元格的偏移。

• 提示延迟： 设置提示框延迟时间，时间越长提示框显示时间越长。

• 鼠标悬停： 设置是否开启提示框鼠标悬停。

• 提示框样式

  • 对齐 设置对齐方式，可选 左、中、右。

  • 边框： 设置组件边框样式。

    • 单击设置单边样式。

    • 按 Ctrl 键，连续单击手柄，可同时设置多边样式。

    • 单击选中状态同时设置四边样式。

    • 可设置单个边框得显隐、颜色、宽度和类型。

  • 圆角： 设置边框圆角，可分别设置四个方向的圆角大小。

  • 背景：3.0+

    • 单击设置纯色背景。

    • 单击添加多个颜色设置渐变色背景。

    • 背景渐变色：线性渐变、径向渐变。

      • 线性渐变：可通过调整角度改变背景渐变的方向。
      

      • （1） 控制颜色交界线的渐变角度。

      • （2） 选择起始颜色并控制占比。

      • （3） 选择过渡颜色并控制占比。

      • 径向渐变：从组件中心向周围渐变，可选择“椭圆形”和“圆形”作为组件背景中心的形状。

      

      • （1） 控制渐变中心的形状。

      • （2） 选择起始颜色并控制占比。

      • （3） 选择过渡颜色并控制占比。

    • 背景图片：素材库图片、图片地址。

  • 区域阴影：

    • 单击设置阴影颜色。

    • 单击切换阴影显示内部或外部。

    • 水平： 阴影的水平偏移量。值为0时阴影在组件下方，值>0时阴影向右侧偏移，值<0时阴影向左侧偏移。

    • 垂直： 阴影的垂直偏移量。值为0时阴影在组件下方，值>0时阴影向下方偏移，值<0时阴影向下方偏移。

    • 模糊： 阴影的模糊程度。值为0时阴影没有模糊效果，值越大阴影效果越明显。

    • 尺寸： 阴影的尺寸。值为0时阴影与组件大小相同，值>0时阴影比组件大，值<0时阴影比组件小。

• 提示框文本样式

  • 文本设置： 设置提示文字的样式。

    • 文字大小： 设置提示文字的大小。

    • 文字颜色： 设置提示文字的颜色。

    • 文字字体： 设置提示文字的字体样式，可选系统内置字体或自定义字体。

    • 文字样式： 设置提示文字的样式，可选 加粗、倾斜、下划线。

    • 文字间距： 设置提示文字之间的间距。间距值越大，文字之间的距离越大；值越小，文字之间的距离越小。

    • 文字行高： 设置提示文字的行高。行高值越大，文字行与行之间的距离越大；值越小，文字行与行之间的距离越小。

  • 文本阴影：

    • 阴影颜色： 设置提示文字阴影的颜色。如果为空，则不显示文字阴影。

    • 水平： 设置提示文字阴影的水平偏移量。偏移值越大，阴影水平方向的距离越大；值越小，阴影水平方向的距离越小。

    • 垂直： 设置提示文字阴影的垂直偏移量。偏移值越大，阴影垂直方向的距离越大；值越小，阴影垂直方向的距离越小。

    • 模糊： 设置提示文字阴影的模糊程度。模糊值越大，阴影越模糊；值越小，阴影越清晰。

• 调试开关： 设置是否开启调试开关。开启后可在设计器页面中展示提示框，便于调整提示框样式。

展开树

• 懒加载： 设置是否开启表格展开懒加载，不开启时数据一次加载，有子集的数据显示下拉按钮。开启懒加载时，都显示下拉按钮，展开时再加载数据。

• 默认展开： 设置是否默认展开方式，可选 无、所有、自定义。静态数据时设置默认展开的行，可设置全部展开或者指定行展开。动态懒加载时，设置动态数据生效，可设置指定行加载数据。

• 展开行： 设置默认展开为自定义时，可设置指定行。

• 根节点类型： 在动态数据时可设置根节点的类型，可选 数值、字符、变量。在不设置类型时，不能设置根节点的值。

• 根节点值： 设置有根节点的值时，当前值做为参数请求数据。

• 展开图标设置： 设置展开行前的图标。

  • 宽度： 设置图标区域的宽度。

  • 高度： 设置图标区域的高度。

  • 大小： 设置图标的大小。

  • 颜色： 设置图标的颜色。

数据

静态数据

树形列表数据格式如下：

[
  {
    "date": "2020-04-01",
    "name": "王小虎",
    "province": "上海",
    "city": "普陀区",
    "address": "上海市普陀区金沙江路 1518 弄",
    "zip": 200333
  },
  {
    "date": "2020-04-02",
    "name": "王小虎",
    "province": "上海",
    "city": "普陀区",
    "address": "上海市普陀区金沙江路 1518 弄",
    "zip": 200333
  }
  ...
]

数据资源

• 选择数据资源： 切换到 数据资源 标签，点击可从数据管理或API中选择相应的数据资源作为组件的数据支撑。

• 还原默认数据： 点击①处刷新数据资源。

• 搜索数据中的字段： 当列表中字段过多时，可通过搜索框搜索列表中的字段。

• 刷新字段列表： 点击②处刷新字段列表

• 字段类型

  • 字符型： 标识符为A。

  • 数值型： 标识符为#。

交互

行点击事件

勾选启用，开启行点击事件。当点击对应行时，绑定字段中数据会推送到变量中。关联此变量的组件将携带此变量值，触发数据请求，查询相关数据，更新组件。具体配置请参考交互事件。

列点击事件

勾选启用，开启列点击事件。当点击对应列时，绑定字段中数据会推送到变量中。关联此变量的组件将携带此变量值，触发数据请求，查询相关数据，更新组件。具体配置请参考交互事件。

• 1. 列点击事件为满足改变相同字段，触发不同事件的需求，提供列点击事件和添加配置。
• 2. 配置列表列点击事件时，必须配置触发点，否则不生效，触发配置在 列设置 -> 触发事件

树型展开事件

勾选启用，开启树型展开事件。当展开列表树时，绑定字段中数据会推送到变量中。关联此变量的组件将携带此变量值，触发数据请求，查询相关数据，更新组件。具体配置请参考交互事件。

节点编程

事件

• 行点击事件： 点击行时触发事件。3.0+

  • 抛出的参数：  该行所携带的数据。

• 列点击事件： 点击列时触发事件。3.0+

  • 抛出的参数：  该列所携带的数据。

• 列排序： 列排序时触发事件。3.0+

  • 抛出的参数：  排序的字段和排序的类型。

  [
    {
      order: "ASC"  //排序类型
      sort: "WIDTH" // 排序列
    }
  ]

• 多选框/开关开启事件： 列设置多选框/开关时，操作该列时触发事件。3.0+

  • 抛出的参数：  该列所携带的数据。