ztree Async tree

zTree v3.5.23

//js----------------------

/**

 * here define global parameters.
 * 
 * @author hety ,updated on MAY24,2016.
 */
var app = app || {};
app.ctx = '/';
app.zTreeLoadTreeId = "J_tree_djglj";
var __funcList = [];
var _run = function(aFunc) {
__funcList.push(aFunc);
};
var setting = {
// 当前节点的parentNode.isParent = false 时，不进行异步加载
// 采用简单 JSON 数据格式时，必须设置 setting.data.simple.enable=true属性
// UPDATED BY HETY ON MAY24,2016.
data : {
simpleData : {
enable : true
}
},
async : {
enable : true,
url : app.ctx + "admin/djglj/subNodeZtreeData",
autoParam : [ "id" ],
dataFilter : filter
},
callback : {
onExpand : function(event, treeId, treeNode) {
console.log("onExpand event fired.\ttreeNode.id=" + treeNode.id + " \ttreeNode.name=" + treeNode.name+"\tevent.type:"+event.type);
//$.fn.zTree.getZTreeObj(treeId).cancelSelectedNode(treeNode);
},
beforeClick : function(treeId, treeNode, clickFlag) {
console.log("beforeClick event fired...\ttreeNode.id=" + treeNode.id + "\ttreeNode.name=" + treeNode.name);
var zTree = $.fn.zTree.getZTreeObj(treeId);
zTree.expandNode(treeNode);
zTree.selectNode(treeNode);// activate current node.
// refresh right area he
},
beforeAsync : function(treeId, treeNode) {
if (treeNode) {
console.log("beforeAsync event fired.\ttreeNode.id=" + treeNode.id + "\ttreeNode.name=" + treeNode.name);
}
//$.fn.zTree.getZTreeObj(treeId).selectNode(treeNode);
return true;
},
onAsyncSuccess : function(event, treeId, treeNode, msg) {
if (treeNode) {
console.log("onAsyncSuccess event fired.\ttreeNode.id=" + treeNode.id + "\ttreeNode.name=" + treeNode.name);
}
},
asyncError : function(event, treeId, treeNode, XMLHttpRequest, textStatus, errorThrown) {
if (treeNode) {
console.log("asyncError event  fired.\ttreeNode.id=" + treeNode.id + "\ttreeNode.name=" + treeNode.name
+ "\t\errorThrown=" + errorThrown);
}
console.log("asyncError event fired....\ntreeNode=" + treeNode);
}
}
};


// 重新异步加载当前选中的第一个节点
function refreshSelectedNode() {
var treeObj = $.fn.zTree.getZTreeObj(app.zTreeLoadTreeId);
var nodes = treeObj.getSelectedNodes();
if (nodes.length > 0) {
treeObj.reAsyncChildNodes(nodes[0], "refresh");
}
}


// 重新异步加载当前选中的父节点下的所有节点
function refreshSelectedParentNode() {
var treeObj = $.fn.zTree.getZTreeObj(app.zTreeLoadTreeId);
var selectedNodes = treeObj.getSelectedNodes();
if (selectedNodes.length > 0) {
treeObj.reAsyncChildNodes(selectedNodes[0].getParentNode(), "refresh");
}
}


// 判断选中节点是不是父节点
function isParent() {
var selectedNodes = $.fn.zTree.getZTreeObj(app.zTreeLoadTreeId).getSelectedNodes();
if (selectedNodes.length > 0) {
return selectedNodes[0].isParent;
}
return false;
}
function filter(treeId, parentNode, childNodes) {
if (childNodes.length == 0) {
top.$.messager.alert('提示', '当前父模块下尚未添加子模块.', 'info');
}
if (!childNodes)
return null;


return childNodes;
}


/**
 * data list
 */
function loadDataList() {
top.$.messager.progress();
var queryKeywords = $("#query\\.djglj\\.name").val();
$.ajax({
type : "post",
dataType : "html",
cache : false,
data : {
"role.name" : queryKeywords
},
url : app.ctx + "admin/djglj/page",
success : function(data) {
$("#objlist").html(data);
top.$.messager.progress('close');
},
error : function(XMLHttpRequest, textStatus, thrownError) {
top.$.messager.progress('close');
top.$.messager.show({
title : '提示',
msg : textStatus + '<br />' + thrownError
});
}
});
}


$(document).ready(function() {
// load tree data after all document elements loaded
$.fn.zTree.init($("#" + app.zTreeLoadTreeId), setting);


loadDataList();

});

// html......

<div >
<ul id="J_tree_djglj" class="ztree"></ul>
</div>

.....