jquery   ztree 的一些简单操作

发布时间:2020-06-27 15:30:40 作者:chenyong111
来源:网络 阅读:1816

一、显示ztree 的节点

1,前台转换显示 :

<div>

<ul id="tree" class="ztree"></ul>

</div>

通过jquery ajax 获得节点集合: nodelist

将数据转换成指定格式:

var treeNodes = [];

for(var i = 0; i < nodelist.length; i++){

treeNodes.push({id:nodelist[i].bm, parentId:nodelist[i].sjbm, name:nodelist[i].mc,open: ((nodelist[i].sjbm=='0000000') ? true : false),

tag:result[i]});

}

$.fn.zTree.init($("#tree"),selectionSetting, treeNodes);(selectionSetting 的定义省略)


2,后台转换显示:

代码:

/**

* 将科目数据转化成json格式的数据用于树控件

*/

public String getsubjectAll() {

JSONArray jsonArr = new JSONArray();

try {

List<HdzxKm> subjects = subjectDao.getSubjectAll();

for (HdzxKm subject : subjects) {

JSONObject json = new JSONObject();

json.put("id", subject.getBm());

json.put("name", subject.getMc());

if(如果是父级){

json.put("open", false);

json.put("parentId", subject.getSjbm());

jsonArr.add(json);

}

} catch (Exception e) {

e.printStackTrace();

}

return jsonArr.toString();

}

前台获得该方法返回的数据,就不用转换直接:

$.fn.zTree.init($("#tree"),selectionSetting, treeNodes);(selectionSetting 的定义省略)

treeNodes 为后台返回的数据

二、根据节点的id选中指定节点

var treeObj = $.fn.zTree.getZTreeObj("tree");

treeObj.selectNode(treeObj.getNodeByParam("id","000000000000", null));(000000000000:节点Id的值)

三、自定义修改节点的名称(根据节点id值)

var treeObj = $.fn.zTree.getZTreeObj("tree");

var node = treeObj.getNodeByParam("id", id的值, null);

node.name="xxxxx";

treeObj.updateNode(node,true);(此处为更新节点值,此步不能省)


四、新增节点

var treeObj = $.fn.zTree.getZTreeObj("tree");

var node = treeObj.getNodeByParam("id", xxx, null);

treeObj.addNodes(node, {id :xxx,parentId :xxx,name : xxx});

五、有复选框是,选中指定节点


var zTree =$.fn.zTree.getZTreeObj("tree");

var node=zTree.getNodeByParam("id",id值, null);

zTree.checkNode(node);






推荐阅读:
  1. jquery treeView工具 简单树形目录工具
  2. jquery树形插件zTree高级使用详解

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

ztree 的一些简单操作 ue

上一篇:初学Node.js之Markdown建站

下一篇:XP SP3系统用一键还原安装的小妙招

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》