easyuitree懒加载.docVIP

Easyui tree 懒加载 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gbk / title懒加载/title link type=text/css rel=stylesheet href=css/themes/easyui.css / script language=javascript type=text/javascript src=js/jquery-1.7.js/script script language=javascript type=text/javascript src=js/jquery.easyui.min.js/script script type=text/javascript $(function(){ loadTree(loadtree ,tree!showTree.action); //div ul的id url }); function loadTree(treeName,url){ //初始化树; $(#+treeName).tree({ url:url, method:post, loadFilter:function(data,parent){ treeInfo = $(this); var state = $.data(this, tree); function setData(){ var serno = 1; var todo = []; for(var i=0; idata.length; i++){ todo.push(data[i]); } //深度优先遍历树节点 while(todo.length){ var node = todo.shift(); if (node.id == undefined){ node.id = _node_ + (serno++); } if (node.children!=){ node.state = closed; //实现延迟加载的关键 //将children先缓存再置空 //第一次渲染时就渲染不到children节点了 node.children1 = node.children; node.children = undefined; todo = todo.concat(node.children1); } } state.tdata = data; } function find(id){ var data = state.tdata; var cc = [data]; while(cc.length){ var c = cc.shift(); for(var i=0; i c.length; i++) { var node = c[i]; if (node.id == id){ return node; } else if (node.children1){ cc.push(node.children1); } } } return null; } setData(); var opts = treeInfo.tree(options); //在展开节点前将children重置回清空前的属性 opts.onBeforeExpand = function(node){ var n = find(node.id);