Ext教程-一起Ext

发一个Ext拖动树节点改变树结构代码

Ext就是方便，如果平时用javascript写这个功能估计要写N行代码！呵呵

演示：

效果图：

代码：

Ext.onReady(function(){
  //创建根节点
  var root = new Ext.tree.TreeNode({
   text : '菜单根节点',
   uiProvider : Ext.tree.RootTreeNodeUI,
   expanded : true//默认展开根节点
  });
  var node = new Ext.tree.TreeNode({
   text : '一级菜单A'
  });
  node.appendChild(new Ext.tree.TreeNode({
   text : '二级菜单A'
  }));
  node.appendChild(new Ext.tree.TreeNode({
   text : '二级菜单B'
  }));
  //为根节点添加子节点
  root.appendChild(node);
  root.appendChild(new Ext.tree.TreeNode({
   text : '一级菜单B'
  }));
  //创建Tree面板组件
  var tree = new Ext.tree.TreePanel({
   title : '树形菜单',
   width : 200,
   height : 150,
   enableDD : true,//允许拖动树节点
   renderTo : 'tree-div',
   root : root
  });
 });