- 浏览: 341123 次
- 性别:
- 来自: 北京
最新评论
-
javabro:
求告知,ztree中自己在点onclick () 通过获取tI ...
本人从今以后不再维护这里的博客, 只在 开源中国 进行发布 -
sinoyang:
使用的时候发现与bootstrap冲突了,蛋疼死了,改哪个都不 ...
JQuery Tree插件——zTree v3.5.16 版 发布 -
clear_yang:
jquery.ztree.excheck.min.js:15 ...
JQuery Tree插件——zTree v3.5.02 版 发布 -
路人NFTS:
请教个问题,ztree 支持异步加载的扩展么? 因为跨域,IE ...
JQuery Tree插件——zTree v3.5.16 版 发布 -
kainever7:
页面初始化时,通过<iframe src=". ...
JQuery Tree插件——zTree v3.5.16 版 发布
这次 v3.4 主要还是修改一些细节 bug,同时新增了 destroy 方法用于一些特殊需求中执行树的销毁操作,并且这次在制作 destroy 方法的时候无意间发现了 IE9 的内存泄漏问题,并且针对这个问题对 zTree 内部的 zId 和 节点cache的存储方式 进行了适当修改,以减少 IE9 的内存泄漏问题。
请注意:jquery.ztree.all 文件中 仅仅包含 core、excheck、exedit 这三个 js 包; 对于 exhide 以及以后推出的 扩展包都不会包含在 jquery.ztree.all 文件中。
如果需要使用,请自行添加。
在线操作演示:http://www.ztree.me/v3/demo.php#_101
快速下载地址:http://code.google.com/p/jquerytree/downloads/list
下面是 v3.4 的修改记录:
* 【增加】Demo —— OutLook 样式的左侧菜单 (http://www.ztree.me/v3/demo.php#_513)
* 【增加】清空 zTree 的方法 $.fn.zTree.destory(treeId) & zTree.destory()
* 【修改】core核心文件内 _eventProxy 方法中获取 tId 的方法,提高 DOM 的灵活性
* 【修改】初始化时 多层父节点的 checkbox 半选状态计算错误的 bug
* 【修改】同时选中父、子节点后,利用 getSelectedNodes 获取选中节点并利用 removeNode 删除时报错的 bug
* 【修改】treeNode.chkDisabled / nocheck 属性,支持字符串格式的 "false"/"true"
* 【修改】异步加载模式下无法利用 server 返回 xml 并且 在 dataFilter 中继续处理的 bug
* 【修改】title 只允许设置为 string 类型值的问题。 修正后允许设置为 number 类型的值
* 【修改】zId 计数规则 & Cache 保存,减少 IE9 的 bug 造成的内存泄漏
* 【修改】API 页面搜索功能导致 IE 崩溃的 bug
评论
能否实现如下的结构:
attachment:"
{attachmentId:1,attachmentname:"f6e71004-8487-41f7-ac18-b6fac9860753.pdf"},
{attachmentId:2,attachmentname:"1e40868d-0d7a-41f4-8018-9c2f29ad716c.pdf"}
"
?就是一个结点中,嵌套了多个?
check_count.html(demo中的例子)
function onCheck(e, treeId, treeNode) { count(); //获得当前结点的父结点 var halfCheck = treeNode.getParentNode().getCheckStatus(); //alert(halfCheck.half); var fullCheck=treeNode.getParentNode().checked; if (halfCheck.half==false&&halfCheck.checked==true) { alert("父亲结点被勾选"+treeNode.getParentNode().name); } }
开发部这个结点下,有A,B,C三个人,A,B,C三个人前都有checkbox,当
分别勾选a,b,c三个人的后,并且点保存,这时候,因为全选了开发部下的三个人了,所以这个时候,要返回值是“开发部”这个值,但如果只选a,b两个人,则不用返回
开发部这个值,因为不是全选;我的思路是这样,但发现有问题:
1) 在开发部前面加一个全选的checkbox,当点这个checkbox后,则自然全选了下面的,A,B,C三个人了,这个时候很好办;但问题是,好像加入全选后,假如用户又去掉b的这个人前面的checkbox,则开发部这个前面的checkbox好像不会自动去掉。
2) 我目前是在oncheck事件中判断的,问题化归为:如果判断某个结点下的所有子结点已经勾选?如果都勾选,则返回其父结点的值。如果用javascript+ztree本身的API去实现,有什么思路么?
首先你可以利用 半勾选状态去判断,默认情况下只有子节点全部取消勾选后才会自动取消父节点的勾选。 参考:treeNode.getCheckStatus
开发部这个结点下,有A,B,C三个人,A,B,C三个人前都有checkbox,当
分别勾选a,b,c三个人的后,并且点保存,这时候,因为全选了开发部下的三个人了,所以这个时候,要返回值是“开发部”这个值,但如果只选a,b两个人,则不用返回
开发部这个值,因为不是全选;我的思路是这样,但发现有问题:
1) 在开发部前面加一个全选的checkbox,当点这个checkbox后,则自然全选了下面的,A,B,C三个人了,这个时候很好办;但问题是,好像加入全选后,假如用户又去掉b的这个人前面的checkbox,则开发部这个前面的checkbox好像不会自动去掉。
2) 我目前是在oncheck事件中判断的,问题化归为:如果判断某个结点下的所有子结点已经勾选?如果都勾选,则返回其父结点的值。如果用javascript+ztree本身的API去实现,有什么思路么?
你说的不需要是什么意思? 完全不显示吗? 那么只需要不要生成3级的数据就是了
火狐报:TypeError: $.fn.zTree is undefined [在此错误处中断]
...
火狐报:TypeError: $.fn.zTree is undefined [在此错误处中断]
$.fn.zTree.init($("#tree"), setting, zNodes);//初始化树对象
在IE上提示:$.fn.zTree为空或不是对象,
js的加载顺序:zTreeStyle.css,jquery-1.7.2.min.js,jquery.ztree.core-3.4.js
请指点一下
**********************************************************
$(function(){
//单位树
var setting;
var zNodes =[
{name:"知识帮助导航栏", id:"-1", isParent:true} //初始化一个顶层默认节点
];
setting = {
async: { //异步加载
enable: true,
url: "${path}/callcenter/listNextKN.html",//异步加载URL
autoParam: ["id=0"]//需要传递的参数
},
expandSpeed: ""
};
$.fn.zTree.init($("#tree"), setting, zNodes);//初始化树对象
})
不用SITEMESH修饰,单独的一个页面,一个下拉框(有A,B项目),当点A的时候,树的某个结点的展开和关闭也是沒问题的,但当点B项目下拉时,出现的B树中,发现展开某个结点后,会发现一闪地展开了这个结点下的子结点,但又突然很块地关闭了这些子结点,瞬间变成收缩状态,我的版本是3.1,请问大概会是什么问题?
补充一下,CHROME发现,
468event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future.
已解决!是FORMVALIDATOR这个不错的插件用到的JQUERY和ZTREE用到的冲突了
不用SITEMESH修饰,单独的一个页面,一个下拉框(有A,B项目),当点A的时候,树的某个结点的展开和关闭也是沒问题的,但当点B项目下拉时,出现的B树中,发现展开某个结点后,会发现一闪地展开了这个结点下的子结点,但又突然很块地关闭了这些子结点,瞬间变成收缩状态,我的版本是3.1,请问大概会是什么问题?
补充一下,CHROME发现,
468event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future.
已解决!是FORMVALIDATOR这个不错的插件用到的JQUERY和ZTREE用到的冲突了
不用SITEMESH修饰,单独的一个页面,一个下拉框(有A,B项目),当点A的时候,树的某个结点的展开和关闭也是沒问题的,但当点B项目下拉时,出现的B树中,发现展开某个结点后,会发现一闪地展开了这个结点下的子结点,但又突然很块地关闭了这些子结点,瞬间变成收缩状态,我的版本是3.1,请问大概会是什么问题?
补充一下,CHROME发现,
468event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future.
不用SITEMESH修饰,单独的一个页面,一个下拉框(有A,B项目),当点A的时候,树的某个结点的展开和关闭也是沒问题的,但当点B项目下拉时,出现的B树中,发现展开某个结点后,会发现一闪地展开了这个结点下的子结点,但又突然很块地关闭了这些子结点,瞬间变成收缩状态,我的版本是3.1,请问大概会是什么问题?
那么想问下,
otherParam:这个参数中,能否传入动态的值呢?比如只写一次ASYNC的异步加载代码,而otherParam能根据下拉框传入不同的值而设置,我现在是在ONCHANGE和
documentready中,都写了两次ASYNC的代码片段了
otherParam 的确没有扩展支持动态获取,但初始化 zTree 之后可以随意修改这个参数,只需要 zTreeObj.setting.async.otherParam 就可以修改了
默认是加载下拉框中A值对应的树(下拉框有A,B两个值),这个时候能正确加载了,
但如果我在下拉框中的onchange事件中,指定一个方法,比如:
onchange="change();"
然后change()中:
//获得B的值 var measurementname=$("#measurementtypeId").find("option:selected").text(); async: { enable: true, url:"<%=basePath%>surveyquestionjson/getsurveyquestioncontroltree.action", otherParam:["measurementname", measurementname], dataFilter: filter } };
这个时候,onchange事件那个获得B的值得了,但问题沒有传入到后台的ACTION中,
那么想问下,
otherParam:这个参数中,能否传入动态的值呢?比如只写一次ASYNC的异步加载代码,而otherParam能根据下拉框传入不同的值而设置,我现在是在ONCHANGE和
documentready中,都写了两次ASYNC的代码片段了
用的是ztree 3.1,后台已经正确看到JSON返回的,字符串为:
[{.....},{......} .....],但前台提示:
Uncaught TypeError: Cannot call method 'replace' of undefined
错误代码行为:jquery.ztree.core-3.1.min.js
如果你一定要用自己的ajax 加载 nodes 后,再使用 init 初始化树也是完全木有问题的。
但是目前的问题是你两种方法的结果都是输出的数据无法被正常使用,所以请你检查一下数据所需要的字段是否都满足? 比如默认的 name 属性? id属性、pId 属性等。
另外调试代码时建议使用 未压缩的 zTree 版本,这样可以准确知道是哪一行代码出了问题,你也就知道什么原因了
用的是ztree 3.1,后台已经正确看到JSON返回的,字符串为:
[{.....},{......} .....],但前台提示:
Uncaught TypeError: Cannot call method 'replace' of undefined
错误代码行为:jquery.ztree.core-3.1.min.js
当用户选择下拉框的比如选项A时,则通过ajax到后台查询A对应的树的结点,显示在前台;
同理查询B的对应的树的结点,显示在前台,那么请教一下,这个功能的实现一定要用到
ZTREE中的异步加载去实现么?我的期望结构代码如下,但没报错,结点不能出来,请指教
...
你这种需求只需要 做一个 异步加载的 tree 即可;每次选择了 下拉框内容以后,就修改 异步加载的参数,init 初始化 zTree 即可!
我现在代码如下
var setting = { callback: { //beforeClick: beforeClick, //onClick: onClick }, data: { simpleData: { enable: true, idKey: "id", pIdKey: "pId", rootPId: 0 } }, async: { enable: true, url:"<%=basePath%>surveyquestionjson/getsurveyquestioncontroltree.action", otherParam:["measurementname", measurementnameinit], dataFilter: filter } }; function filter(treeId, parentNode, childNodes) { if (childNodes) { alert("count"+ childNodes.length); for(var i =0; i < childNodes.length; i++) { childNodes[i].name += "_filter"; //alert(childNodes[i].name); } } return childNodes; } $(document).ready(function(){ $.fn.zTree.init($("#treeDemo"), setting); });
用的是ztree 3.1,后台已经正确看到JSON返回的,字符串为:
[{.....},{......} .....],但前台提示:
Uncaught TypeError: Cannot call method 'replace' of undefined
当用户选择下拉框的比如选项A时,则通过ajax到后台查询A对应的树的结点,显示在前台;
同理查询B的对应的树的结点,显示在前台,那么请教一下,这个功能的实现一定要用到
ZTREE中的异步加载去实现么?我的期望结构代码如下,但没报错,结点不能出来,请指教
...
你这种需求只需要 做一个 异步加载的 tree 即可;每次选择了 下拉框内容以后,就修改 异步加载的参数,init 初始化 zTree 即可!
其实用我之前的方法是不能实现么?
当用户选择下拉框的比如选项A时,则通过ajax到后台查询A对应的树的结点,显示在前台;
同理查询B的对应的树的结点,显示在前台,那么请教一下,这个功能的实现一定要用到
ZTREE中的异步加载去实现么?我的期望结构代码如下,但没报错,结点不能出来,请指教
...
你这种需求只需要 做一个 异步加载的 tree 即可;每次选择了 下拉框内容以后,就修改 异步加载的参数,init 初始化 zTree 即可!
当用户选择下拉框的比如选项A时,则通过ajax到后台查询A对应的树的结点,显示在前台;
同理查询B的对应的树的结点,显示在前台,那么请教一下,这个功能的实现一定要用到
ZTREE中的异步加载去实现么?我的期望结构代码如下,但没报错,结点不能出来,请指教
function getmeasurementcontrol() { var treeNodes; var zTreeObj; var setting = { callback: { //beforeClick: beforeClick, //onClick: onClick }, data: { simpleData: { enable: true, idKey: "id", pIdKey: "pId", rootPId: 0 } } }; var measurementname=$("#measurementtypeId").find("option:selected").text(); var datastring; alert("measurement name"+measurementname); $.ajax({ type:"POST", url:"<%=basePath%>surveyquestionjson/getsurveyquestioncontroltree.action", data:"measurementname=" + measurementname, dataType:"json", success:function(data){ alert("data is"+data); treeNodes = data; alert("treenodes "+treeNodes ); } }); zTreeObj = $.fn.zTree.init($("#treeDemo"), setting, treeNodes); }
其中getmeasurementcontrol是当用户点下拉框时的onchange事件
发表评论
-
JQuery Tree插件——zTree v3.5.16 版 发布
2014-03-09 20:09 32860zTree v3.5.16 发布,继续缓慢的修正 bug ... -
JQuery Tree插件——zTree v3.5.15 版 发布
2013-10-21 09:30 14054zTree v3.5.15 发布,继续 ... -
JQuery Tree插件——zTree v3.5.14 版 发布
2013-06-29 00:36 6955在 v3.5.13 中由于个人疏漏,产生了一个比较严重 ... -
JQuery Tree插件——zTree v3.5.13 版 发布
2013-06-02 21:43 6528近期由于工作繁忙,所以一直没有发布 v3.5.13 ... -
JQuery Tree插件——zTree v3.5.12 版 发布
2013-03-11 11:13 13058为了学习如何在 jQuery Plugin 发布,反 ... -
JQuery Tree插件——zTree v3.5.02 版 发布
2013-01-28 10:34 10357首先要告诉大家,在 jQuery 发布了插件注册功能 ... -
zTree v3.5 Css 详解
2012-12-24 09:37 17831zTree 的 css 文件 ... -
JQuery Tree插件——zTree v3.5.01 版 发布
2012-12-21 10:37 3711赶着天黑前,赶紧发布 v3.5 的补丁,修正目前 ... -
JQuery Tree插件——zTree v3.5 正式版 发布
2012-11-20 09:50 13719由于国庆之后一直忙于公司的项目,因此将 zTre ... -
JQuery Tree插件——zTree v3.3 正式版 发布
2012-07-16 12:54 8570这次 zTree v3.3 继续 ... -
简述如何制作 zTree v3.x 系列的扩展 js 库
2012-06-29 15:31 2925zTree v3.x 版本修改了结构,将原先混在 ... -
JS 代码调试经验总结(菜鸟必读)
2012-06-12 18:03 19869前言:不知不觉写了很多,希望你能耐心看完这篇文章 ... -
启用新域名—— zTree.me
2012-05-24 14:11 2073折腾一上午,终于启用 新域名 zTree.me 欢迎各 ... -
JQuery Tree插件——zTree v3.2 正式版 发布
2012-05-14 13:53 6739因最近本人工作较忙,所以 v3.2 拖了很久,还 ... -
JQuery Tree插件——zTree v3.1 正式版 发布
2012-02-14 10:22 16663选在情人节发布 zTree v3.1,希望 zT ... -
CSS Sprites 使用注意之—— 避免因浏览器放大导致的图片异常
2012-02-02 14:34 2675近日有朋友说,将浏览器放大后,会发现 zTree 出现 ... -
IE 下 css 设置透明度造成 input 内光标异常的问题
2012-02-01 14:01 4053zTree v3.0 正式版发 ... -
zTree v2.x 升级 v3.0 之 异步加载 与 添加节点的错误分析
2012-01-13 16:34 4375(补充: 计划 v3.1 中修改进行异步加载的逻辑 ... -
JQuery Tree插件——zTree v3.0 正式版 发布
2012-01-10 09:39 6287在大家的帮助 和 关注下,今天 zTree v3 ... -
国庆前,zTree 开发推迟
2011-09-19 09:20 2563大家好,由于本人工作原因,国庆前会相当忙,因此 zTr ...
相关推荐
JQuery zTree v3.4 很好适用的ztree 生成树机构。适用方便,异步也很快。
非常全的zTree V3.4,包含官网所有demo,保证不会让你们失望,满意记得评分
zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。专门适合项目开发,尤其是 树状菜单、树状数据的Web显示、权限管理等等。 zTree 是开源免费的软件...
2、在一个页面内可同时生成多个 Tree 实例 3、支持 JSON 数据 4、支持一次性静态生成 和 Ajax 异步加载 两种方式 5、支持多种事件响应及反馈 6、支持 Tree 的节点移动、编辑、删除 7、支持极其灵活的 checkbox...
JQuery-zTree 的主要功能: 1、兼容 IE、FireFox、Chrome 等浏览器 2、在一个页面内可同时生成多个 Tree 实例 3、支持 JSON 数据 4、支持一次性静态生成 和 Ajax 异步加载 两种方式 5、支持多种事件响应及...
ZTree v3.x (JQuery Tree插件)
最新,最全的ZTree v3.x (JQuery Tree插件).js开发中经常使用到的!
jQuery实现树插件ztree用户选择特效.zip
jquery 树控件 万能树 拖拽 添 删 改 大数据操作 ajax操作 代码清晰便于重构 修改
Tree 感兴趣或者愿意资助 zTree 继续发展下去,可以进行捐助。 zTree v3.0 将核心代码按照功能进行了分割,不需要的代码可以不用加载 采用了 延迟加载 技术,上万节点轻松加载,即使在 IE6 下也能基本做到秒杀 兼容 ...
非常好用的Jquery-ztree树形菜单代码并适应移动端,可以自动配置图标
Jquery+BootStrap+ztree+jqgrid所需js和css文件
JQueryJQuery树型菜单 zTree v2.6 beta
zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。
Jquery javascript API 中文 JQuery zTree v3.5 api
JQuery zTree v2.6.rar,含demo
JQuery zTree v3.1 API