树形选择组件

更新时间:2020-02-10

过滤组件如何对图表数据进行过滤,详见过滤组件关联图表

多选模式

默认情况下,树形选择是单选模式的:

图片

可以在配置中打开多选模式:

图片

效果如下:

图片

可以看到此时选择了 folder1-name 文件夹,值里也只有 folder1-name

如果打开了附加融合子节点一项,则会在取值中加入选中项的所有子节点:

图片

默认值

树形选择可以设置默认值,输入默认想选中的项的取值即可,如果是多选则使用英文逗号分隔:

图片

填写自定义取值时需要注意,填写的是选项的取值,而不是名称。

数据绑定

API 拉取方式绑定数据请参照「各种过滤组件的 API 格式要求」。

如果选择 SQL 建模方式绑定过滤条件数据,需要先建立 SQL 模型并绑定字段到过滤条件,SQL 模型相关请参见「SQL 模型」。

考虑到一颗树形图在数据库中的存储很多时候是通过 id 和 parentId 这种模式来建立关联的,因此对于树形选择的 SQL 建模需要绑定以下字段:

  • 父节点 id(必填,没有父节点的请一律处理为 null)
  • 节点 id(必填)
  • 取值字段(建议填写,如果没绑定取值字段,则会以节点 id 的字段作为取值字段)
  • 名称字段(建议填写,如果没绑定名称字段,则会以取值字段作为名称字段)

则对应配置如下所示:

图片

本页内容