ztree 一次性加载大数据量

ztree 一次性加载大数据量:
var setting = {
check: {
enable: true
},
data: {
simpleData: {
enable: true
}
},
callback: {
onNodeCreated: onNodeCreated //只有展开的节点才会触发
}
};
var dataMaker = function(count) {
var nodes = [], pId = -1,
min = 10, max = 90, level = 0, curLevel = [], prevLevel = [], levelCount,
i = 0,j,k,l,m;


while (i//alert(level);
if (level == 0) {
pId = -1;
levelCount = Math.round(Math.random() * max) + min;//Math.round四舍五入取整Math.random():0~1 随机
// 10 < levelCount < 100 整数
//alert(levelCount);
for (j=0; j<2 && i//alert(999);
var n = {id:i, pId:pId, name:"Big-" +i,open:true};
nodes.push(n);
curLevel.push(n);
}
} else {
//alert(888);
for (l=0, m=prevLevel.length; lpId = prevLevel[l].id;
levelCount = Math.round(Math.random() * max) + min;
for (j=0; j<2 && ivar n = {id:i, pId:pId, name:"Big-" +i};
nodes.push(n);
curLevel.push(n);
}
}
}
prevLevel = curLevel;
curLevel = [];
level++;
}
return nodes;
}


var showNodeCount = 0;
function onNodeCreated(event, treeId, treeNode) {
showNodeCount++;
}

function createTree () {
var zNodes = dataMaker(11);
showNodeCount = 0;
$("#treeDemo").empty();
setting.check.enable = $("#showChk").attr("checked");
var time1 = new Date();
$.fn.zTree.init($("#treeDemo"), setting, zNodes);
var time2 = new Date();


alert("节点共 " + zNodes.length + " 个, 初始化生成 DOM 的节点共 " + showNodeCount + " 个"
+ "\n\n 初始化 zTree 共耗时: " + (time2.getTime() - time1.getTime()) + " ms");
}

$(document).ready(function(){

$("#createTree").bind("click", createTree);


});
页面有 点击. 当点击 ID为createTree 时,调用.现象如下:

ztree 一次性加载大数据量_第1张图片

你可能感兴趣的:(ztree 一次性加载大数据量)