easyui javascript部分类似这样,其他上官网摸摸 // 各个节点的属性 // id: node id, which is important to load remote data // text: node text to show // state: node state, 'open' or 'closed', default is 'open'. When set to 'closed', the node have children nodes and will load them from remote site // checked: Indicate whether the node is checked selected. // attributes: custom attributes can be added to a node // children: an array nodes defines some children nodes $(function(){ $("#dTreeMenu").tree({ // 默认加载的目录 url: "dynamicTree.jsp?target=" + target + "&roleId=<%=strUserName%>&id=0", onContextMenu: function(e, node){ e.preventDefault(); $('#dTreeMenu').tree('select', node.target); $('#mm').menu('show', { left: e.pageX, top: e.pageY }); }, // 当点击项目时,则调用此函数 onClick: function(node){ // 如果节点不位空且是属于文件夹类型,则向服务器请求对应的子目录 if(node != null && node.attributes == "folder"){ var nodes = []; var flag; $.ajax({ type: "POST", url: "dynamicTree.jsp?target=" + target + "&roleId=<%=strUserName%>&id=" + node.id, cache: false, dataType: "json", async: false, success: function(json){ nodes = json; flag = true; }, error: function(XMLHttpRequest, textStatus, errorThrown){ top.window.location.href = "<%=request.getContextPath()+"/index.jsp" %>"; } }); var dTree = $("#dTreeMenu"); var childrenArray = dTree.tree("getChildren",node.target); // 清空该目录下原有的子目录 for(var x = 0;x < childrenArray.length;x++){ var id = childrenArray[x].id; dTree.tree("remove",childrenArray[x].target); } // 添加新的子目录 dTree.tree("append",{ parent:node.target, data:nodes });
// 各个节点的属性
// id: node id, which is important to load remote data
// text: node text to show
// state: node state, 'open' or 'closed', default is 'open'. When set to 'closed', the node have children nodes and will load them from remote site
// checked: Indicate whether the node is checked selected.
// attributes: custom attributes can be added to a node
// children: an array nodes defines some children nodes
$(function(){
$("#dTreeMenu").tree({
// 默认加载的目录
url: "dynamicTree.jsp?target=" + target + "&roleId=<%=strUserName%>&id=0",
onContextMenu: function(e, node){
e.preventDefault();
$('#dTreeMenu').tree('select', node.target);
$('#mm').menu('show', {
left: e.pageX,
top: e.pageY
});
},
// 当点击项目时,则调用此函数
onClick: function(node){
// 如果节点不位空且是属于文件夹类型,则向服务器请求对应的子目录
if(node != null && node.attributes == "folder"){
var nodes = [];
var flag;
$.ajax({
type: "POST",
url: "dynamicTree.jsp?target=" + target + "&roleId=<%=strUserName%>&id=" + node.id,
cache: false,
dataType: "json",
async: false,
success: function(json){
nodes = json;
flag = true;
},
error: function(XMLHttpRequest, textStatus, errorThrown){
top.window.location.href = "<%=request.getContextPath()+"/index.jsp" %>";
}
});
var dTree = $("#dTreeMenu");
var childrenArray = dTree.tree("getChildren",node.target);
// 清空该目录下原有的子目录
for(var x = 0;x < childrenArray.length;x++){
var id = childrenArray[x].id;
dTree.tree("remove",childrenArray[x].target);
}
// 添加新的子目录
dTree.tree("append",{
parent:node.target,
data:nodes
});
}
}
});
});