ext 树节点的一些常用操作

转载 2013年12月05日 10:52:27

1、全部展开 tree.expandAll();
2、全部收缩 tree.collapseAll();
3、得到父节点 node.parentNode
4、判断是否有父节点 node.parentNode==null
5、判断是否有子节点 node.hasChildNodes()
6、获取下一级所有子节点 node.eachChild(function(child) { })
7、获取选择的节点 tree.getSelectionModel().getSelectedNode()
8、设置选中节点  node.select()
9、上移节点 node.selectPrevious();
10、下移节点 node.selectNext();
11、获取节点ID  node.id
12、获取节点值  node.text
13、获取节点提示  node.attributes.qtip

带选择框
14、获取选中的的节点
var check= tree.getChecked();
Ext.each(check ,function(node){})

15、获取是否选择 node.getUI().checkbox.checked;
16、设置节点选择  node.ui.toggleCheck(true); //显示选中   node.attributes.checked = true; //赋值

 


17、设置一个新的节点 
var newNode=newExt.tree.TreeNode({id:'id',text:'text',iconCls:'icon-group',qtip:'tip'});     iconCls 导入的是CSS设置的背景图片(节点图标)
css写法: .x-tree-node-leaf .icon-group{ background-image:url(group.png);} 前.x-tree-node-leaf必写

18、插入新的节点 node.appendChild(newNode);
19、删除节点node.remove();  

20

这里说的选中是指鼠标点击一个节点后,节点那一行出现浅蓝色背景的选中,而非checkbox的勾选

方法

 

Ext.tree.TreePanel.getSelectionModel().getSelectedNode();

Ext.tree.TreePanel.getSelectionModel()获得的是一个TreeSelectionModel对象,

这个TreeSelectionModel目前在Ext中有两个Ext.tree.DefaultSelectionModel和Ext.tree.MultiSelectionModel

 

Ext.tree.MultiSelectionModel的获取选中节点的方法是getSelectedNodes(),这个返回的是节点数组,Ext.tree.DefaultSelectionModel.getSelectedNode()返回的是单个节点对象

21 选中节点和父节点

1)、父节点选择

function parentclick(node)
   {
       varparent=node.parentNode;  //获取父节点
       varflag=node.getUI().checkbox.checked;  //判断是否选中
       if(parent!=null )  //父节点不为空
       {
           parent.ui.toggleCheck(flag);  //选中
           parent.attributes.checked =flag;   //给值
           parentclick(parent);  //递归调用选中父节点
       }
   }

2)、选择子节点

function treeclick(node)
   {  
       var flag=node.getUI().checkbox.checked; //获取选中状态
       if (node.hasChildNodes()){                //是否有子节点
          node.eachChild(function(child){        //循环下一级的所有子节点
              child.ui.toggleCheck(flag);         //选中
              child.attributes.checked =flag;    //赋值
               treeclick(child);                 

ext的树节点操作常用属性

ext 树节点的一些常用操作 1、全部展开 tree.expandAll(); 2、全部收缩 tree.collapseAll(); 3、得到父节点 node.parentN...
  • LDBZXD
  • LDBZXD
  • 2016年03月17日 16:21
  • 2727

ext 树节点操作

ext 树形图 节点
  • qq_34117825
  • qq_34117825
  • 2016年04月20日 15:38
  • 401

Ext 4.2 树节点拖拽排序功能

1. 配置tree.panel的配置项viewConfig,加入拖拽插件儿                  viewConfig: {                         plu...
  • wanglucong_2012
  • wanglucong_2012
  • 2014年01月09日 10:42
  • 800

Ext 树节点属性操作总结

node.id:获取节点id node.text:获取节点text node
  • mapingye
  • mapingye
  • 2014年05月30日 15:19
  • 309

获取树节点的id:

获取树节点的id:currentNode.getRecord().getValue(“category_id”)获取分类的id号
  • mycup163
  • mycup163
  • 2010年09月28日 09:38
  • 618

树节点类型定义

树节点类型定义
  • scimence
  • scimence
  • 2016年03月25日 17:53
  • 1141

Ext Tree新增节点

前两天做Ext Tree新增节点时花了好长时间才成功在树上增加了新节点,现把Ext Tree新增节点的过程记录下来,作为记念。 1、  创建目录结构如下 2、  然后分别创建控制器、model...
  • littlechang
  • littlechang
  • 2012年07月21日 22:33
  • 6078

Ext 树如何定位到指定节点

如果知道了被选中的节点,并且树已经加载,可以这样应用: (1)不展开node节点子节点 node.parentNode.expand(); //node.select();//选中的效果 (2)展开n...
  • taotaoqi
  • taotaoqi
  • 2012年03月29日 23:18
  • 2326

Ext入门之---动态添加树节点

@{ Layout = null; } DynamicAddTreeNode Ext.require([ '...
  • xiongxyt2
  • xiongxyt2
  • 2012年07月03日 21:05
  • 1515

线性表的实现及其基本操作

线性表的定义 线性表是最简单最常用的一种数据结构,它是一种能在任意位置进行插入和删除数据元素操作的、由n(n>=0)个相同数据元素组成的线性结构。 线性表的抽象数据类型 数据集合 线性表的数据集...
  • Halo_nicetomeetyou
  • Halo_nicetomeetyou
  • 2017年04月24日 23:26
  • 182
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ext 树节点的一些常用操作
举报原因:
原因补充:

(最多只允许输入30个字)