Extjs树

最新推荐文章于 2019-08-28 21:46:13 发布

转载最新推荐文章于 2019-08-28 21:46:13 发布 · 135 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ss-d/p/3431458.html

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
            });