JavaScript的ExtJS框架中数面板TreePanel的使用实例解析

在extjs中，不管是叶子节点还是非叶子节点，都统一用treenode表示树的节点。在extjs中，有两种类型的树节点。一种节点是普通的简单树 节点，由ext.tree.treenode定义，另外一种是需要异步加载子节点信息的树节点，该类由ext.tree.asynctreenode定 义。
在数据中， text 显示文字， leaf 节点 ， children 子节点，expanded 展开

treepanel从servlet中读取json数据
在ext js的tree中的数据往往是从服务器端的动态程序中获取的。
为了获取数据，我们可以先编写一个返回json的servlet共前台的树形组建访问：
服务器端servlet代码：

现在就可以在前台的treepanel组建的loader方法中访问上面创建的servlet了，代码如下：
客户端显示代码

效果图如下：

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

1.编写js代码：
js代码

2.html代码如下：
html代码

3.编写两个treeloader需要装载的txt文件，里面的数据为json格式：
treedata1.txt:

4.程序效果如下图所示：