🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
#### 1、问题描述 zTree-jQuery 树插件异步加载树,动态传参比较困难。官方demo虽然有异步加载的demo,但是并未实现动态传参。 #### 2、问题原因 官方API参数otherParam与autoParam无法实现动态变化,进而无法实现动态传参。 #### 3、解决方案 通过动态改变url参数,实现动态传参。 ``` // ztree 配置项 var setting = { async: { enable: true, url:getAsyncUrl, dataType:'json', type:'get', contentType: 'application/json', otherParam: {"id": id}, dataFilter: filter } }; ``` 动态修改url参数 ``` function getAsyncUrl(treeId, treeNode) { if (treeNode) { console.log(id=treeNode.id) } return url + '/' +id }; ``` 调用ztree方法绘制树 ``` $.fn.zTree.init($("#treeDemo"), setting);