属性名 描述
tree treeTable 组件的特定属性集,包含以下「子成员集」: | 属性 | 描述 | | --- | --- | | [customName](#options.tree.customName) | 自定义属性名的集合 | | [view](#options.tree.view) | 视图相关的属性集合 | | [data](#options.tree.data) | 数据相关的属性集合 | | [async](#options.tree.async) | 异步相关的属性集合 | | [callback](#options.tree.callback) | 事件回调相关的属性集合 | 用法如下: ```js treeTable.render({ elem: '', tree: { // treeTable 特定属性集 customName: {}, data: {}, view: {}, async: {}, callback: {} }, // 其他 table 属性 }); ````
tree.customName
自定义属性名的集合,包含以下成员:
| 属性 | 描述 | 类型 | 默认值 | | --- | --- | --- | --- | | children | 自定义「子节点集合」的属性名 | string | `children` | | isParent | 自定义「是否属于父节点」的属性名 | string | `isParent` | | name | 自定义「节点」属性名 | string | `name` | | id | 自定义「节点索引」属性名 | string | `id` | | pid | 自定义「父节点索引」属性名 | string | `parentId` |
tree.view
视图相关的属性集合,包含以下成员:
| 属性 | 描述 | 类型 | 默认值 | | --- | --- | --- | --- | | indent | 层级缩进量 | number | `14` | | flexIconClose | 关闭时的折叠图标 | string | - | | flexIconOpen | 打开时的折叠图标 | string | - | | showIcon | 是否显示节点图标 | boolean | `true` | | icon | 自定义节点图标。若设置了该属性或数据中有该字段信息,不管打开还是关闭都以这个图标的值为准 | string | - | | iconClose | 自定义关闭时的节点图标 | string | - | | iconOpen | 自定义打开时的节点图标 | string | - | | iconLeaf | 叶子节点的图标 | string | - | | showFlexIconIfNotParent | 若非父节点时,是否显示折叠图标 | boolean | `false` | | dblClickExpand | 双击节点时,是否自动展开父节点 | boolean | `true` |
tree.data
数据相关的属性集合,包含以下成员:
| 属性 | 描述 | 类型 | 默认值 | | --- | --- | --- | --- | | isSimpleData | 是否简单数据模式 | boolean | `false` | | rootPid | 用于设置根节点的 `pid` 属性值 | string | `null` |
tree.async
异步相关的属性集合,包含以下成员:
| 属性 | 描述 | 类型 | 默认值 | | --- | --- | --- | --- | | enable | 是否开启异步加载模式。只有开启时 `async` 的其他属性配置才有效。 **注意:** 异步加载子节点不应跟 `simpleData` 同时开启,可以是 `url+simpleData` 的方式,获取完整的简单数据进行转换。若开启异步加载模式,即表示按需异步加载子节点。 | boolean | `false` | | url | 异步加载的接口,可以根据需要设置与顶层接口不同的接口,若相同可不设置该属性 | string | - | | type | 请求的接口类型,设置可缺省同上 | string | - | | contentType | 提交参数的数据类型,设置可缺省同上 | string | - | | headers | 提交请求头,设置可缺省同上 | object | - | | where | 提交参数的数据,设置可缺省同上 | object | - | | autoParam | 自动参数,可以根据配置项以及当前节点的数据传参,如: `['type', 'age=age', 'parentId=id']` ,那么其请求参数将包含: `{type: '父节点 type', age: '父节点 age', parentId: '父节点 id'}` | array | - |
tree.callback
事件回调相关的属性集合,包含以下成员:
| 属性 | 描述 | | --- | --- | | beforeExpand | 展开前回调函数。可以在展开或者关闭之前调用,传入当前表格 `id` ,当前操作的行数据以及要展开或关闭的状态,若回调返回 `false` 则取消该次操作。 返回的参数包含: `function(tableId, trData, expandFlag){ console.log(arguments); }` | | onExpand | 展开或关闭后的回调函数,返回参数同 `beforeExpand` |