Ztree加载完成后显示勾选节点

最新推荐文章于 2021-02-06 22:29:06 发布

weixin_30593261

最新推荐文章于 2021-02-06 22:29:06 发布

阅读量173

点赞数

文章标签：数据库

原文链接：http://www.cnblogs.com/Kingram/p/9829204.html

版权

①前言：这个在度娘上没有搜到解决的办法，于是自己查看了ztree的API，发现其实还是比较简单的。做个笔记以备不时之需。

②需求：

像下图一样，在加载完成之后就显示需要勾选的项。

③解决方案：

首先页面上肯定是要获取数据库的数据，比如你存储的是id或者Code之类的以，隔开的数据。我这里存贮的是code。

然后将数据库的数据以，隔开成数组。

利用API中的treeObj提供的getNodeByParam(),和checkNode()方法即可完成需求。

ztreeAPI传送门：点击这里

参考代码如下：

var treeObj = $.fn.zTree.getZTreeObj("mytree");
var data = "${userInfo.area_code}";
var datas = data.split(',');
for(var i = 0;i<datas.length;i++) {
　　console.log(treeObj.getNodeByParam("code", datas[i],null))
　　treeObj.checkNode(treeObj.getNodeByParam("code", datas[i],null),true, false);
}