```html <Tree treeData = { cities } disabled = { ['340803','340824'] } checked = { ['340803','340824'] } onChange = {this.onChange.bind(this) } searchValue = {this.state.searchValue } search = { this.search.bind(this) } /> ```
npm install hermes-treeselect``html`
disabled = { ['340803','340824'] }
checked = { ['340803','340824'] }
onChange = {this.onChange.bind(this) }
searchValue = {this.state.searchValue }
search = { this.search.bind(this) }
/>
* __treeData格式要求__
`javascript
[
{
id:'123',
name:'Text', // 并不是必须的
children:[{...}]
}
]
// id必须的,并且是全局唯一的, 默认节点的文本显示是使用节点的name属性 你可以使用nodeText方法去控制节点的文版显示
`
* disabled 默认禁用的节点id
* checked 默认选中的节点id
* onChange 在节点选中或者取消选中时触发,传入参数为TreeModel
* searchValue
* search
searchValue 和 search 配合使用来完成对树的搜索功能, 在searchValue变化时会变量所有节点, 然后把 searchValue 和当前节点
的信息, 和当前TreeModel实例
* nodeText 节点描述信息, 默认为:
`javascript``
(node) => {
return node.name;
};
* $$checkState 节点的选中状态 1代表选中 0代表未选中 -1 代表子节点存在选中的节点
* $$disableState 节点的禁用状态 1代表禁用 0代表可用 -1 代表子节点存在禁用的节点
* $$count 节点的子节点个数
* $$checkedCount 节点下被选中的节点个数
* $$disabledCount 节点下呗禁用的节点个数
* $$leafCount 节点下叶子节点的个数(包括所有子孙叶子节点)
* $$checkedLeafCount 节点下被选中的叶子节点个数
* $$disabledLeafCount 节点下被禁用的叶子节点个数