ztree树的异步加载async

zttree树具有异步加载的属性;

在定义树的时候在async属性里设置enable:true/false即打开或关闭异步加载功能;

async:{
enable:true,

}


而何时执行此功能呢?

根据我的实验(当然了这只是我的猜测不一定对,望大神指正):

当执行 createTree()方法时,判断加载节点的子节点长度大于零,则直接加载数据,如若子节点的数据长度不大于零则调用异步加载获取数据。


具体事例入下:

<script type="text/javascript">

var userTree;
var user_tree_setting = {
view: {
selectedMulti: false
},
data : {
keep : {
leaf : true,
parent : true
},
simpleData : {
enable : true,
idKey : "treeId",
pIdKey : "parentId"
}
},
check: false,
callback: {
beforeClick:function(treeId, treeNode) {
if(treeNode.type == "class" || treeNode.type == "grade" ) {
return false;
}
},
onClick: function(event, treeId, treeNode, clickFlag) {
loadTableContent();
}
},
async:{
enable:true,
autoParam:['id'],
dataType: "text",
type:'post',
url:"getStudentTreeData.action",
dataFilter:function(treeId, parentNode, responseData) {
if(responseData.length > 0) {
var treeObj = $.fn.zTree.getZTreeObj("userTree");
treeObj.addNodes(parentNode, responseData);
if(parentNode.type == 'class') {
treeObj.selectNode(parentNode.children[0]);
loadTableContent();
}
} else {
if(parentNode.type == 'class') {
$.showFMsgBox(parentNode.name + "下没有学生", 3000);
}
}
}
}
};
createTree();
function createTree() {
$.fn.zTree.destroy();
$.ajax({
url:"loadGradeClassTreeData.action?oldYearId="+$("#year").val(),
type:"post",
dataType:"json",
success:function(jsonData) {
if(jsonData.length > 0) {
userTree = $("#userTree").zpTree(jsonData, user_tree_setting), nodes = userTree.getNodes();
var flag = true;
if(nodes){
$.each(nodes, function(i, node) {
if(flag && node.children && node.children.length > 0){//当判断子节点的时候没有数据便去进行异步加载获取数据
userTree.expandNode(node, true);
var cNodes = node.children;
if(cNodes){   /当判断子节点的时候没有数据便去进行异步加载获取数据
$.each(cNodes, function(i, cnode){
if(flag){
userTree.expandNode(cnode, true);
flag = false;
}
})
}
}
});
}
}
}
});
}
</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值