目标无止境

  博客园 :: 首页 :: 新随笔 :: 联系 :: 订阅 :: 管理 ::

Extjs树

Extjs显示多个树根节点。

原理:ExtJs 的树并不支持多个根节点,每个树只有一个根节点,但它提供了一个隐藏根节点的属性. 
其实就是相当于新建一个虚拟的根节点,然后把多个节点挂到该节点上,然后再把虚拟的根节点隐藏. 
我们看到所有二级节点都变成了根节点,变相实现了多个根节点的功能。

//房产树根节点
var tree_root = new Ext.tree.AsyncTreeNode({
                expanded : true,
                id : '${companyid}',
                text : '${companyname}'
            });
//房产树
treePanel = new Ext.tree.TreePanel({
    loader : new Ext.tree.TreeLoader({
            dataUrl : './sss/Tree.ered?reqCode=GetTreeChildrens'
                             
                }),
                
                root : tree_root ,
                animate : false,
                id:'FGTree_id',
                rootVisible: ${isRootVisable},//根据后台参数判断是否隐藏根节点
                applyTo:'treeDiv',
                autoScroll : true,
                height : 500,
                   useArrows : false,
                border : false
            });
  

posted on 2013-11-19 14:42  目标无止境  阅读(292)  评论(0)    收藏  举报