树型选择

应用示例

在展示的树型列表中选择一个或多个数据项。

步骤一：添加组件

1. 创建Web应用。详细操作请参见创建Web应用。
2. 在Web应用编辑器中，单击最左侧的组件图标。
3. 在画布左侧组件列表上方，输入树型选择，找到该组件，然后将组件拖拽到中间画布。

   有关组件添加的详细内容，请参见添加组件。

   

步骤二：配置数据源

1. 在Web应用编辑器右侧样式中，单击数据源后配置数据源。
2. 在数据源配置页面，选择数据源类型，完成配置。
   可选数据类型有 接口和 静态数据。
3. 单击确定。

步骤三：配置样式

1. 在右侧样式中，完成组件展示的配置。

   配置项	说明
   树型选择配置	设置默认提示、是否显示边框、是否支持输入查询、多选和展开所有节点。 清除是否支持多选复选框时，支持设置是否显示清空按钮。 选中是否支持多选复选框后，显示并选中支持选中父节点，隐藏显示清空按钮。在运行态时，选择的数据项自带删除按钮。
   树型选择样式	设置组件背景、边框、按钮和输入字体的颜色。

2. 调整组件在页面中的最终位置。有关组件通用样式配置，请参见样式配置。

步骤四：配置交互动作

1. 选中组件的交互页签，配置事件和交互动作。具体操作请参见交互配置。
   该组件仅支持事件 值改变。组件值为选择框中已选择数据项的 value，组成的一维数组，例如 ["2","4","7"]。
2. 单击页面右上方的预览，查看或调试组件的展示数据。