您的位置:首页 > Web前端 > JavaScript

Ext.tree树形控件设置

2016-10-31 19:27 323 查看
以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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息