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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值