js代码：
var groupsetting = { /* check : { enable : true//复选框 }, */ view: { showicon: false,//是否显示节点的图标 showline: true,//显示节点之间的连线。 expandspeed: "slow",//节点展开、折叠时的动画速度 selectedmulti: true//不允许同时选中多个节点。 }, callback: { onclick: groupztreeonclick,//点击节点加载子节点 }, data : { simpledata : { enable : true, //使用简单数据模式 idkey : "id", //节点数据中保存唯一标识的属性名称 pidkey : "pid", //节点数据中保存其父节点唯一标识的属性名称 rootpid : 0 //用于修正根节点父节点数据 默认值：null }, key: { name:"shopname", } } }; var grouptreenodes; function loadorgtree(){ $.ajax({ url : "getorgtree.action", type : 'post',//请求方式：post data: {shopid:1}, datatype : 'json',//数据传输格式：json async : false,//是否异步 cache : false,//是否使用缓存 error : function() { //请求失败处理函数 $.messager.alert("警告",'请求失败！'); }, success : function(data) { if(data!=null && data!=""){ grouptreenodes = data;//把后台封装好的简单json格式赋给treenodes } } }); var group = $("#grouptree"); $.fn.ztree.init(group, groupsetting, grouptreenodes); } function groupztreeonclick(event, treeid, treenode) { var shopid=treenode.id; //判断该节点下是否有节点，没有就加载节点 var treeobj = $.fn.ztree.getztreeobj(treeid); var node = treeobj.getnodebytid(treenode.tid); if(node.children == null || node.children == "undefined"){ $.ajax({ url : "getorglod.action", type : 'get',//请求方式：get data: {shopid:shopid}, datatype : 'json',//数据传输格式：json error : function() { //请求失败处理函数 $.messager.alert("警告",'亲，请求失败！'); }, success : function(data) { if(data!=null && data!=""){ //添加新节点 newnode = treeobj.addnodes(node, data); } } }); }; };
jsp代码：
<p data-options="region:'west',split:true" style="width:15%;"> <ul id="grouptree" class="ztree" ></ul> </p>
引用ztree插件：
<link href="<%=request.getcontextpath()%>/js/ztree/ztreestyle/ztreestyle.css" rel="stylesheet"> <script src="<%=request.getcontextpath()%>/js/ztree/jquery.ztree.core-3.5.js"></script> <script src="<%=request.getcontextpath()%>/js/ztree/jquery.ztree.excheck-3.5.js"></script>
以上就是什么是ztree二次加载数据 的详细内容。