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