zTree下拉树

最近要对ureport2报表工具做扩展，需要增加下拉选择树，找了一圈jquery的插件，没找到好用的，所以使用ztree模拟下拉选择树

如果是表单提交，可以借助隐藏控件比如： <input type="hidden" name="orgId" /> 来保存选中树节点的id，（上面的示例数据没有配id）

在ureport2报表工具中的效果

初始化ztree树的方法：

zTreeObj = $fnzTreeinit($("#tree"), setting, zTreeNodes);

其中zTreeNodes就是树的数据，zTreeNodes是一个对象数组，你可以给该对象数组排序，可以不按id顺序显示的。

var zTree = $fnzTreegetZTreeObj('tree'); // 获取zTree对象，tree是你存放ztree的容器id

## 接下来你若刷新你修改的部分的话，修改一般使用了 beforeRename 或 onRename

##1、upDateNode(node) // 此方法更新单个节点，需要注意的是，发现这个方法必须要在ajax或是post之类的请求中才能刷新成功。

比如第一种情况，直接调用：

beforeRename(treeid,node,newName){

var zTree = $fnzTreegetZTreeObj('tree');

nodename = newName + "123"; // 此处手动修改了node的名字

zTreeupDateNode(node); // 执行完会发现并没有刷新出来，打印node发现名字确实改了。

}

第二种情况，套在ajax中使用：

beforeRename(treeid,node,newName){

$post(url,{},function(){

var zTree = $fnzTreegetZTreeObj('tree');

nodename = newName + "123"; // 此处手动修改了node的名字

zTreeupDateNode(node); // 执行完节点名字刷新成功

});

}

##2、reAsyncChildNodes(node,type,open) // 此方法更新node节点及其子节点，node参数传null时更新整个树，用法跟上面一样，主要说明另两个参数：

type:直接传refresh 相当于清空后重新加载一下，变相刷新，一般用于修改过子节点。 不等于refresh时一般用于新增过子节点，

open:true时不展开该节点，不等于true或不传默认是展开

以上就是关于zTree下拉树全部的内容，包括:zTree下拉树、ztree树菜单怎么不按照id顺序排列树、在ztree里怎么修改一个节点然后树上只刷新我修改的部分等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！