树形下拉2024.3+

树形下拉组件可实现选定值过滤，包含三个基本区域。

• 1、标题

  标题文案对应最右侧配置栏中的标题内容，修改配置中的标题内容后，画板内会自动同步修改。

• 2、选择框

  为树形下拉配置好数据配置（详见数据配置）后，点击选择框区域可出现树形下拉列表，用户选择列表项即可完成下拉筛选。

  • 勾选策略：决定树形下拉哪一级可以被选中，可选值为叶节点与独立。

    • 叶节点：树形下拉列表中只有最后一级的节点可以被选中。
    • 独立：树形下拉列表中的每一级节点均可以被选中。

  • 配置：

    • 多选：勾选后则树形下拉框允许选择多值。

    • 懒加载：当数据量过大时，树形下拉框的下拉列表弹出时时间会比较长，开启懒加载可以明显缩短下拉列表弹出时间。

    • 过滤：勾选后则下拉弹窗内出现文本框，可以对列表内数据进行过滤。

      提示

      当开启懒加载后，无法对全量数据进行过滤，只可对当前出现在下拉列表内的数据过滤。

  • 默认值：下拉框的默认选中项，勾选全局参数后，可以把当前看板中已添加的全局参数值作为组件默认值。

  • 提示：下拉框没有值时的默认显示文案。

• 3、下拉按钮

  • 对应下拉按钮一栏，默认勾选显示，取消勾选后画板内将不再显示该区域。

数据配置

在右侧高级选项卡内为树形下拉配置好数据来源（详见数据来源），树形下拉的成员字段选择可分为以下两类。

• id-pid 格式数据

  当数据在数据源中存在明确的父子关系时，可以在成员字段中选择父（pid、parentid、parent_id 等）子（id）关系字段生成树形下拉结构数据。此类数据可选择第三个成员字段作为展示值，不选择时，使用 id 字段作为展示值。

• 层级结构数据

  数据间不存在明确的父子关系时，可以依次添加希望生成层级结构的多个字段，系统会自动按照选择的顺序生成树形结构数据。