0
点赞
收藏
分享

微信扫一扫

二、Ztree之异步加载

北溟有渔夫 2022-06-21 阅读 36

(一)异步之setting详解之async

async: {
enable:设置 zTree 是否开启异步加载模式,默认值:false

url:Ajax 获取数据的 URL 地址,默认值:""

contentType:两种值
"application/x-www-form-urlencoded" 可以满足绝大部分请求,按照标准的 Form 格式提交参数
"application/json" 可以满足 .Net 的编程需要,按照 JSON 格式提交参数
默认值:"application/x-www-form-urlencoded"

type:Ajax 的 http 请求模式,默认值:"post"

autoParam:异步加载时需要自动提交父节点属性的参数
1、将需要作为参数提交的属性名称,制作成 Array 即可,例如:["id", "name"]
2、可以设置提交时的参数名称,例如 server 只接受 zId : ["id=zId"]

otherParam:Ajax 请求提交的静态参数键值对。
直接用 JSON 格式制作键值对,例如:{ key1:value1, key2:value2 },比如若采用RestFul风格,
则必须要添加一个键值对:{ "_method":"DELETE" }

dataType:Ajax 获取的数据类型,默认值:"text"。
dataType = "text" 可以满足绝大部分请求,其余 dataType 类型请参考 [jQuery ajax 中的 dataType 参数]


dataFilter:用于对 Ajax 返回数据进行预处理的函数。案例见下方。
Function(treeId,parentNode,responseData) 参数说明:
treeId String 对应 zTree 的 treeId,便于用户操控
parentNode JSON 进行异步加载的父节点 JSON 数据对象
responseData Array(JSON) / JSON / String 异步加载获取到的数据转换后的 Array(JSON) / JSON / String 数据对象
}

(二)案例
  修改异步获取到的节点name属性:

var setting = {
async: {
//只有这里设置为true,才能生效
enable: true,
url: "http://host/getNode.php",
dataFilter: ajaxDataFilter
}
};
function ajaxDataFilter(treeId, parentNode, responseData) {
if (responseData) {
for(var i =0; i < responseData.length; i++) {
responseData[i].name += "_filter";
}
}
return responseData;
};

(三)异步之setting详解之callback

callback : {
......
}

  具体详情参见​​Setting配置详解​​


举报

相关推荐

0 条评论