Tree

树(根节点).
KISSY.use('tree',function(S,Tree){
    // use Tree
});

Class

Configs

Class Detail

class tree.Tree
Tree (config)
xclass: ‘tree’
  • 继承自 Tree.Node , 包含其全部配置,属性,方法,事件.
Parameters:config (Object) – 配置项.

Note

从已有元素实例 Node 对象时 , 元素节点标明类名 {prefixCls}tree-root . prefixCls 为配置的类名前缀,默认为 ks- .

Configs Detail

Tree.config.showRootNode

{Boolean} - 默认 true. 是否显示树的根节点.

Events Detail

Tree.Events.click()
click(e)
当树节点被点击后触发
Parameters:e.target (Tree.Node) – 当前被点击的树节点
Tree.Events.expand()
expand(e)
当树节点扩展后触发
Parameters:e.target (Tree.Node) – 当前被扩展的树节点
Tree.Events.collapse()
collapse(e)
当树节点收缩后触发
Parameters:e.target (Tree.Node) – 当前被收缩的树节点

Tip

默认情况下,双击树节点的文字部分或单击扩展图标才会展开收缩其子节点, 如果你需要改变为:单击树节点的文字部分也展开收缩其子节点,可以监控 click() 事件

tree.on("click",function(e){
    var node = e.target;
    if(node.get("children").length){
        node.set("expanded",!node.get("expanded"));
    }
});