ExtJS在树TreePanel之间拖放结点

为什么80%的码农都做不了架构师？>>>

有时候我们在程序中，需要把一棵TreePanel的元素拖放到另外一棵 TreePanel中，如果是在同一棵树中拖动时设置组件的enableDD参数为true，而现在需要在不同给的树之间拖动元素，这个时候就可以设置组 件的enableDrag和enableDrop参数，详细示例如下：

一、编写JS代码：

Ext.onReady(function(){var tree1 = new Ext.tree.TreePanel({el: 'tree1',//这里设置enableDrag为true表示可以从这里拖动元素到别处enableDrag:true,loader: new Ext.tree.TreeLoader({dataUrl: 'treeData1.txt'})});var tree2 = new Ext.tree.TreePanel({el: 'tree2',//这里设置enableDrop为true表示可以在这棵树中放置拖动过来的元素enableDrop:true,loader: new Ext.tree.TreeLoader({dataUrl: 'treeData2.txt'})});var root1 = new Ext.tree.AsyncTreeNode({text:'跟节点'});var root2 = new Ext.tree.AsyncTreeNode({text:'图书'});tree1.setRootNode(root1);tree2.setRootNode(root2);tree1.render();tree2.render();});

二、HTML代码如下：

三、编写两个TreeLoader需要装载的txt文件，里面的数据为JSON格式：

treeData1.txt:

[{text:'非叶子结点'},{text:'叶子结点',leaf:true}
]

treeData2.txt:

[{text:'计算机',children:[{text:'Java',children:[{text:'Java核心技术',leaf:true},{text:'Thinking in Java',leaf:true}]},{text:'算法导论',leaf:true}]},{text:'音乐',children:[{text:'乐理基础',leaf:true},{text:'卡尔卡西古典吉他教程',leaf:true}]}
]

四、程序效果如下图所示：

TreePanel-enableDrag

转载于:https://my.oschina.net/junn/blog/91978

ExtJS在树TreePanel之间拖放结点相关推荐

b树与b+树的区别_一篇文章理清B树、B-树、B+树、B*树索引之间的区别与联系
概述相信对于B树.B-树.B+树.B*树索引这几个大家都很容易混淆,下面单独对这几个索引做下分类总结. B树即二叉搜索树: 1.所有非叶子结点至多拥有两个儿子(Left和Right): 2.所有结 ...
树的度，结点，叶子结点，二叉树
设树T的度为4,其中度为1.2.3.4的结点个数分别为4.2.1.1.则T中有多少个叶子结点? A.4 B.6 C.8 D.10 一棵含有n个结点的树,有n-1个分支,即 n = 14 + 22 + ...
数据结构 | 二叉树的一些性质及证明、树的路径长度、结点的路径长度
一.树的介绍 1. 树的定义树是一种数据结构,它是由n(n>=1)个有限节点组成一个具有层次关系的集合. 把它叫做"树"是因为它看起来像一棵倒挂的树,也就是说它是根朝上,而 ...
写一个函数DeleteRange删除单链表中结点的值在low 和high之间的结点
/*实验2 1. 写一个函数DeleteRange删除单链表中结点的值在low 和high之间的结点 (low和high的值是多少可自由设计).并且要在程序中验证其功能实现. (可在实验1的第3题的基 ...
在一颗度为4的树T中，若有20个度为4的结点，10个度为3的结点，1个度为2的结点，10个度为1的结点，则树T的叶结点个数是（）
在一颗度为4的树T中,若有20个度为4的结点,10个度为3的结点,1个度为2的结点,10个度为1的结点,则树T的叶结点个数是( ) A. 41 B. 82 C. 113 D. 122 设树中度为i(i ...
如果哈夫曼树有67个结点，则可知叶结点总数为
由于哈夫曼树中没有度为1得结点. 只有度为0和度为2得结点.根据n2=n0-1, 则一棵有n0个叶子结点得哈夫曼树共有2n0-1个结点,因而n0=34 故如果哈夫曼树有67个结点,则可知叶结点总数为3 ...
ipad1无法安装应用程序_如何在iPad上的应用程序之间拖放
ipad1无法安装应用程序 Whenever you need to share information between apps on an iPad, you probably just copy ...
西电数据结构上机题目-删除单链表中介于min与max之间的结点
希望学长的代码能给大二西电er们带来帮助(大家一定要好好学习数据结构,合理利用资源) 大家找到了什么bug或有什么改进意见可以私信我或在下方留言,我都会看的不多说废话直接上代码 #include&l ...
Extjs tree树的生成
前端代码:先后顺序引入extjs-base.js 和extjs-all.js function initTree(){ var Tree = Ext.tree; tree = new Tree ...

ExtJS在树TreePanel之间拖放结点

ExtJS在树TreePanel之间拖放结点相关推荐

最新文章

热门文章