二、Ztree之异步加载

(一)异步之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 参数]
(https://blog.csdn.net/qq_30979185/article/details/70307759)

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
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值