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