ztree的使用主要有官方的api,其中主要是json字符串在页面上进行展示。json字符串包含
“标准json“和”简单json“。
标准json:
var nodes = [
{name: "父节点1", children: [
{name: "子节点1"},
{name: "子节点2"}
]}
];
简单json:
var nodes = [
{id:1, pId:0, name: "父节点1"},
{id:11, pId:1, name: "子节点1"},
{id:12, pId:1, name: "子节点2"}
];
异步加载:
var setting = {
view: {
selectedMulti: false //设置按住ctrl 节点是否多选
},
data: {
simpleData: {
enable:true,//开启简单数据
idKey: "id",//设置json串里面的属性
pIdKey: "pId",
rootPId: ""
}
},
async: {
enable: true,//是否异步加载,true为开启
url:"s",
autoParam:["id"],//json串父节点的参数名称,每一次加载都是根据不同的参数
otherParam:{"otherParam":"zTreeAsyncTest"},//加载静态参数
dataFilter: filter//异步返回时,对返回字符串进行处理
},
callback: {
beforeClick: beforeClick,//单击事件之前,如果为true则促发单击事件
beforeAsync: beforeAsync,//事件加载之前,如果为true则出发异步加载
onAsyncError: onAsyncError,//加载错误
onAsyncSuccess: onAsyncSuccess//加载成功
}
};
function filter(treeId, parentNode, childNodes) {
if (!childNodes) return null;
for (var i=0, l=childNodes.length; i<l; i++) {
childNodes[i].name = childNodes[i].name.replace(/\.n/g, '.');
}
return childNodes;
}
function beforeClick(treeId, treeNode) {
if (!treeNode.isParent) {
alert("请选择父节点");
return false;
} else {
return true;
}
}
function beforeAsync(treeId, treeNode) {
return true;
}
function onAsyncError(event, treeId, treeNode, XMLHttpRequest, textStatus, errorThrown) {
}
function onAsyncSuccess(event, treeId, treeNode, msg) {
alert(treeId);
alert(msg);
}
$(document).ready(function(){
$.fn.zTree.init($("#treeDemo"), setting);
});
注意:异步加载可以执行多次,首次加入ztree的页面执行异步加载,如果单击某个父节点可以展开子节点,再一次执行异步加载,并且可以把相应的返回json串,自动拼接到该父节点下面。非常好用。
相关推荐
最近项目中有一个比较大型的树节点加载,网上面也看过一些解决方案,感觉都不是很好,也有很多误区,比如单击节点时加载子...ztree fileter方法是在每次展开时都会执行,所以根据不同的请求达到异步加载子节点的需求。
ztree异步加载demo,ztree异步加载demo.ztree异步加载demo
ztree实现异步加载,使用java语言
jquery ztree 异步加载 延迟加载效果
用springMVC和mysql,实现了一个简单的zTree异步加载例子,希望可以帮到更多的人。。。
ztree 异步加载 拖拽 右键菜单 功能
前段时间由于项目需要,看了一下ztree,真的很好用,这个项目需要加载几万条的节点数据,如果用一次性加载的方式性能大大的降低了,借助ztree3.1插件写了个异步加载的树。感谢ztree!
原来整理的zTree异步加载的应用例子,很多朋友需要,就放到这里了。
主要为大家详细介绍了jquery zTree异步加载、模糊搜索简单实例,感兴趣的小伙伴们可以参考一下
ztree的异步加载实现jfinal,希望可以帮到你
关于javaWeb(S2SH)中使用zTree异步加载树节点问题
一个Ztree异步分批加载demo,只有前台代码,后台只需要提供分页查询,然后页码自动增长即可。
jquery ztree 异步动态加载部署直接运行,大数据量,异步是很好的处理方式
本人最近在做区域切换,由于是全国地区的,数据高达60多万条,所有采用异步加载的方式。这是一个ztree异步加载全国地区的代码。controlller是后台,tree.jsp是页面。
ztree+dwr实现的异步加载树形菜单
使用JQuery的插件zTree,进行动态的异步加载,带数据库,可直接运行
二,异步加载使用关键,还是在setting参数上等级:访问量: 3万积分: 484排名: 10万博主最新文章ZTree学习(一):一般使用,一载数据oracle
该资源原理说明与博客《异步&同步加载树节点----zTree(一)》相一致。