Extjs 动态Tree

Ext.onReady(function() {
 var root = new Ext.tree.AsyncTreeNode({
    text : '菜单根节点',
    id : 'root'
   });
 // 创建Tree面板组件
 var tree = new Ext.tree.TreePanel({
    title : '异步加载树节点示例',
    width : 200,
    height : 300,
    applyTo : 'div1',
    root : root,
    // 设置异步树节点的数据加载器
    loader : new Ext.tree.TreeLoader({
       dataUrl : 'login.do?method=findTree'
      })
   });
 // 定义右键菜单
 var rightClick = new Ext.menu.Menu({
  id : 'rightClickCont',
  items : [{
   id : 'rMenu1',
   text : '菜单1',
   // 增加菜单点击事件
   handler : function() {
    var id = tree.getSelectionModel().getSelectedNode().attributes.id;
    alert(id);
    var requestConfig = {
     url : 'login.do?method=delTree&id=' + id,
     method : 'get',

     callback : function(options, success, response) {
      if (success) {
       var loader = tree.getLoader();// 取得树加载器
       loader.load(root, function() {
          root.expand();// 重新加载后展开根节点
         });// 重新加载根节点
       Ext.Msg.alert("提示", "删除成功");
      } else {
       Ext.Msg.alert("提示", "删除失败");
      }

     }
    };
    Ext.Ajax.request(requestConfig);
   }
  }, {
   id : 'rMenu2',
   text : '菜单2'
  }, {
   id : 'rMenu3',
   text : '菜单3'
  }]
 });

 // 增加右键点击事件
 tree.on('contextmenu', function(node, event) {// 声明菜单类型
    event.preventDefault();
    rightClick.showAt(event.getXY());// 取得鼠标点击坐标,展示菜单
   });


// 当选中一个父节点时下面的子结点也随变化
   tree.on('checkchange', function(node, checked) {
      node.expand(); // 节点展开
      node.checked = checked;
      node.eachChild(function(child) {
         child.ui.toggleCheck(checked);
        });
     }, tree);


});

 


tree.on("click",function(e){alert(e.id)})  
   var treeEditor = new Ext.tree.TreeEditor(tree, {
      allowBlank : false
     });
   treeEditor.on("complete", function(treetext) {
alert(treetext.editNode.text);
      alert(treetext.editNode.id);
     });
  });

 

 

《!----------------------------业务层----------------------------------》


public String findTreeById(HttpServletRequest request) {
  String node = request.getParameter("node");
  StringBuffer tree = new StringBuffer();
  List<Tree> list = null;
  if (node != null && node.equals("root")) {
   list = tdo.findByPid(0);
  } else {
   int id = Integer.parseInt(node);
   list = tdo.findByPid(id);
  }
  tree.append("[");
  for (int i = 0; i < list.size(); i++) {
   Tree treeNodel = list.get(i);
   List plist = tdo.findByPid(treeNodel.getId());
   if (plist.size() > 0) {
    tree.append("{id:" + treeNodel.getId() + ",text:'"
      + treeNodel.getName() + "',leaf:false},");
   } else {
    tree.append("{id:" + treeNodel.getId() + ",text:'"
      + treeNodel.getName() + "',leaf:true},");
   }

  }
  tree.append("]");
  return tree.toString();
 }


 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值