MultipleTreeSelect.js api
时间: 2023-11-27 18:02:52 浏览: 27
MultipleTreeSelect.js插件提供了以下API:
### 初始化
```javascript
new MultipleTreeSelect(el, options)
```
- `el`:选择器或DOM元素,表示MultipleTreeSelect容器元素
- `options`:可选的选项对象,可以包含以下属性:
| 属性 | 类型 | 默认值 | 描述 |
| --- | --- | --- | --- |
| data | Array | [] | 选择器的数据源 |
| placeholder | String | '请选择' | 默认提示文本 |
| value | String/Array | '' | 初始选中项的值,可以是单个值或多个值 |
| selectAll | Boolean | false | 是否显示全选按钮 |
| multiple | Boolean | true | 是否支持多选 |
| cascade | Boolean | true | 是否支持级联选择 |
| onlyLeaf | Boolean | false | 是否只能选择叶子节点 |
| max | Number | 0 | 最多可以选择的节点数,0表示不限制 |
| search | Boolean | false | 是否显示搜索框 |
| searchPlaceholder | String | '搜索' | 搜索框的提示文本 |
| searchEmptyText | String | '无匹配数据' | 搜索无结果时的提示文本 |
| searchHighlight | Boolean | true | 是否高亮显示搜索结果 |
| accordion | Boolean | false | 是否开启手风琴效果 |
| lazy | Boolean | false | 是否启用懒加载 |
| lazyLoad | Function(treeNode, resolve) | undefined | 懒加载函数,返回Promise对象 |
| checkStrictly | Boolean | false | 是否严格遵循父子节点不联动,即子节点的选中状态不会影响父节点 |
| beforeClose | Function(selectInstance) | undefined | 关闭选择器前执行的函数 |
| onClose | Function(selectInstance) | undefined | 关闭选择器后执行的函数 |
| beforeSelect | Function(value, selectInstance) | undefined | 点击选择前执行的函数 |
| onSelect | Function(value, label, extra, selectInstance) | undefined | 点击选择后执行的函数 |
| beforeCheck | Function(value, checked, indeterminate, selectInstance) | undefined | 勾选节点前执行的函数 |
| onCheck | Function(value, label, extra, selectInstance) | undefined | 勾选节点后执行的函数 |
| onInputChange | Function(value, selectInstance) | undefined | 输入框内容变化时执行的函数 |
| onSearch | Function(value, selectInstance) | undefined | 搜索框内容变化时执行的函数 |
### 实例方法
```javascript
selectInstance.rebuild()
```
重新渲染MultipleTreeSelect插件。
```javascript
selectInstance.setValue(value)
```
设置MultipleTreeSelect的选中值。`value`可以是一个字符串或字符串数组。
```javascript
selectInstance.getValue()
```
获取MultipleTreeSelect的选中值,返回一个字符串或字符串数组。
```javascript
selectInstance.getLabel()
```
获取MultipleTreeSelect的选中文本,返回一个字符串或字符串数组。
```javascript
selectInstance.getExtra()
```
获取MultipleTreeSelect的选中节点的额外信息,返回一个对象或对象数组。
```javascript
selectInstance.show()
```
显示MultipleTreeSelect插件。
```javascript
selectInstance.hide()
```
隐藏MultipleTreeSelect插件。
```javascript
selectInstance.disable()
```
禁用MultipleTreeSelect插件。
```javascript
selectInstance.enable()
```
启用MultipleTreeSelect插件。
```javascript
selectInstance.destroy()
```
销毁MultipleTreeSelect插件,释放内存。