Ext.tree树形控件设置

以MVC模式为例
在view层中继承Ext.tree.Panel的panel里设置

{
    rootVisible : false,//设置根节点是否可见
    animate : true,//开启动画效果
    useArrows : true,//改变下拉图标
    store : (继承Ext.data.TreeStore的store)
}

对应store的model层配置属性

{
    "checked" : //布尔类型,此属性会在节点旁显示一个复选框,true则选中该复选框,false反之
    "children" : //子节点定义
    "expanded" : //布尔类型,为true时节点是展开的
    "href" : //设置节点链接
    "icon" : //本节点图标的URL
    "depth" : //节点深度
    "index" : //节点在兄弟节点中的位置,从0计数
    "id" : //节点id
    "leaf" : //布尔类型,true则本节点没有子节点
    "parent" : //或者parentId
    "qtip" : //节点上显示的Tooltip文本
    "qtitle" : //tooltip标题
    "text" : //本节点标签上的文本
}

store层中,配置以下属性:

{
    model : (定义的model)
    root : {
                text : 'root',
                leaf : true
            }
}

节点操作的一些method:

appendChild()//插入一个或多个节点作为本节点的最后子节点
bubble()//沿着树从本节点向上起泡,对每一个节点调用指定函数
cascadeBy()//从本节点开始沿着树往下在每个节点上调用指定函数,函数在任何一个地方返回false,级联操作在该分支上停止
collapse()//折叠节点
collapseChildren()//折叠本节点所有子节点
contains()//是否包含某个节点
copy()//创建节点副本
createNode()//创建节点
destroy()//销毁节点
eachChild()//遍历本节点的子节点,对每个子节点调用指定函数
等等。。。。。。

具体参考官方API——>click here or here

你可能感兴趣的:(ExtJS)