Ext.tree树形控件设置
2016-10-31 19:27
323 查看
以MVC模式为例
在view层中继承Ext.tree.Panel的panel里设置
对应store的model层配置属性
store层中,配置以下属性:
节点操作的一些method:
具体参考官方API——>click here or here
在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
相关文章推荐
- [JAVASCRIPT][EXTJS]直接用JSON创建树形控件(Ext.tree.TreePanel )
- [JAVASCRIPT][EXTJS]直接用JSON创建树形控件(Ext.tree.TreePanel )(转)
- Ext中TreePanel控件和TabPanel控件搭配测试
- [导入]项目中常用的树形结构(struts-menu/DTree/Ext Tree/YUI Tree)
- 自已反照TMS Software TreeList写的一个双表头树形列表控件源代码
- 如何设置TreeList控件中选中单元的背景色
- 树形控件工具类,实现Tree对象和WebFXTree/WebFXTreeItem的转换
- 使用 Ext.Net TreePanel,TabPanel控件 布局
- Flex中如何给depthColors样式设置一个颜色数组给树Tree控件不同层设置不同颜色的例子
- Ext中TreePanel控件和TabPanel控件搭配测试
- 动态设置Ext.form.FormPanel控件里子控件的显示和隐藏
- FLEX教程:设置缓动展开TREE控件节点.
- Ext教程连载 - 普通树形控件
- EXT公共控件之带树形结构的ComboBox
- Ext中TreePanel控件和TabPanel控件搭配
- 项目中常用的树形结构(struts-menu/DTree/Ext Tree/YUI Tree)
- Ext中TreePanel控件和TabPanel控件搭配测试
- Flex中如何利用树形控件(Tree Control)和SWFLoader控件创建简单图片相册的例子
- Webwork/Struts2 Tree标签(树形控件)的使用
- 2010工作代码总结之2(TreeList树形控件)