- 浏览: 340176 次
- 性别:
- 来自: 北京
最新评论
-
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 版 发布
这次 zTree v3.3 继续修改一些细节 bug,同时尝试推出 exhide 扩展包,主要是为了实现一些扩展功能。
因为隐藏节点的功能 与 编辑功能(尤其是拖拽操作)结合使用的时候势必会产生许多需求方面的细节问题,因此 exhide 扩展请不要与 exedit 功能同时使用。
针对 隐藏节点 与 checkbox / radio 功能同时使用时的策略如下:
- 被隐藏的节点(包括其全部子节点)不会与父节点的勾选状态有任何关联(包括半勾选状态),即相当于被删除,除非被重新显示。
- isFirstNode 和 isLastNode 属性只针对显示的节点处理,被隐藏的节点这两个属性都被设置为 false
- 隐藏节点 不会影响 getPreNode() 和 getNextNode() 方法
这应该是能够满足大部分需求,如果你的实际需求的确与这个策略不同,那么请根据实际情况去修改 exhide 即可。
请注意: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.3 的修改记录:
* 【增加】扩展库 exhide -- 节点隐藏功能
* 【修改】getNodesByFilter 方法,添加 invokeParam 自定义参数
* 【修改】拖拽中测试代码未删除,导致出现黄颜色的 iframe 遮罩层的 bug
* 【修改】延迟加载方法 对于使用 expandAll 进行全部展开时,导致 onNodeCreated 回调 和 addDiyDom 方法触发过早的 bug
* 【修改】异步加载模式下无法利用 server 返回 xml 并且 在 dataFilter 中继续处理的 bug
抱歉,刚发现这个bug 被漏掉了,下次版本时进行修正吧。
* 【修改】使用 moveNode 移动尚未生成 DOM 的节点时,视图会出现异常的 bug
* 【修改】删除节点后,相关节点的 isFirstNode 属性未重置的 bug
* 【修改】getPreNode(),getNextNode() 方法在对于特殊情况时计算错误的 bug
* 【修改】设置 title 之后,如果重新将 title 内容设置为空后,会导致无法更新 title 的 bug
* 【修改】针对 setting.check.chkStyle=="radio" && setting.check.radioType=="all" 的情况时,getTreeCheckedNodes方法优化,找到一个结果就 break
* 【修改】zTreeObj.getCheckedNodes(false) 在 radioType = "all" 时计算错误的 bug
* 【修改】完善 API 中 beforeDrop / onDrop 的关于 treeId 的说明
评论
function onClick() {......}
setting.callback.onClick = onClick;
上面是你初始化zTree 时做的定义; 当你用js 代码 selectNode 之后,你可以用js 执行 onClick 这个 function 就可以了
例如: zTreeObj.selectNode(treeNode);
onClick(...);
比如这样:
<script type='text/javascript' src='js/jquery.ztree.core-3.3.js?skin=default'></script>
你这个相当于把 css 或 js 做成动态发布了。。。需要你自己加工一下,满足你自己的需求就可以了吧。
$(document).ready(function(){ $.fn.zTree.init($("#treeDemo"), setting, treeNodes); var treeObj = $.fn.zTree.getZTreeObj("treeDemo"); var nodes = treeObj.getNodesByParam("tId", "treeDemo_30", null); var nodes1 = treeObj.getNodesByParam("id", "pos_72", null); if (nodes.length>0) { alert("ok"); treeObj.expandNode(nodes[0], true, true, true); treeObj.selectNode(nodes1[0]).onClick();
上面已经可以实现重新加载时,默认选中修改过的结点(展开到这个层次),但我期望时,能同事默认调用onclick事件(onclick事件的方法已经写好的了),但我不想又在ready方法中,重新COPY onclick事件的代码呀
到所修改的某个结点的树的层次,请问有什么本身ZTREE设置的方法能实现么?
比如这样:
<script type='text/javascript' src='js/jquery.ztree.core-3.3.js?skin=default'></script>
是这样的,我第一次是异步加载的,数据量较大,加载完成后我在onAsyncSuccess函数里面用一个全局变量保存下来,然后下次我直接init(zNodes),现在貌似不能马上获取到zTree对象里面的nodes,不知是不是数据量大的缘故,我的数据量在几百条左右.
抱歉,目前没有这种设计,但你提出的这个问题是非常合理的,我正在构想下一个大版本的结构调整。 现在你只能是利用 onAsyncSuccess 回调来得到异步加载结束的事件,因为这时候节点已经加载完毕了。
是这样的,我第一次是异步加载的,数据量较大,加载完成后我在onAsyncSuccess函数里面用一个全局变量保存下来,然后下次我直接init(zNodes),现在貌似不能马上获取到zTree对象里面的nodes,不知是不是数据量大的缘故,我的数据量在几百条左右.
补充一下, 另外请检查是否浏览器兼容问题?
经过验证是我的代码有点问题,还有一个问题请教下,比如我init后马上调用
var zTree = $.fn.zTree.getZTreeObj("treeDemo");
貌似得不到对象,获取的数据(nodes)也是空的
init 后应该是能够立刻得到 zTree 对象的,其实init 方法本身也会返回 zTree 对象; 另外如果你用了异步加载,那么一定要在 onAsyncSuccess 中获取数据,因为这时候异步加载才完毕的。
补充一下, 另外请检查是否浏览器兼容问题?
经过验证是我的代码有点问题,还有一个问题请教下,比如我init后马上调用
var zTree = $.fn.zTree.getZTreeObj("treeDemo");
貌似得不到对象,获取的数据(nodes)也是空的
补充一下, 另外请检查是否浏览器兼容问题?
var zTree = $.fn.zTree.getZTreeObj("treeDemo"); var obj = zTree.getNodeByParam("id", goodsCategoryValue.val(), null); if(obj){ zTree.selectNode(obj,false); }else{ zTree.cancelSelectedNode(); }
这是未用上面代码的正常图
这是用了上面代码后的图
希望能解鄙人的疑惑,谢谢~
这个有点儿奇怪,按道理 selectNode 的效果应该是和 鼠标点上去完全一样的呀。 代码也是同样的一个方法。 请检查一下是否css 异常? 直接用我提供的Demo 这么使用是否会出现异常? 另外如果的确发现问题,请把 代码做成 demo 那种 html 发给我,以便于查找问题,谢谢。
var zTree = $.fn.zTree.getZTreeObj("treeDemo"); var obj = zTree.getNodeByParam("id", goodsCategoryValue.val(), null); if(obj){ zTree.selectNode(obj,false); }else{ zTree.cancelSelectedNode(); }
这是未用上面代码的正常图
这是用了上面代码后的图
希望能解鄙人的疑惑,谢谢~
zTree支持 字符串格式的 id、pId,单请务必看清楚,默认的是 pId 不是 pid
{ id:'1', pid:'0', name:"父节点1 - 展开", open:true, isParent:true},
{ id:'11', pid:'1', name:"父节点11 - 折叠"},
{ id:'111', pid:'11', name:"叶子节点111"},
{ id:'112', pid:'11', name:"叶子节点112"},
{ id:'113', pid:'11', name:"叶子节点113"},
{ id:'114', pid:'11', name:"叶子节点114"},
{ id:'12', pid:'1', name:"父节点12 - 折叠"},
{ id:'121', pid:'12', name:"叶子节点121"},
{ id:'122', pid:'12', name:"叶子节点122"},
{ id:'123', pid:'12', name:"叶子节点123"},
{ id:'124', pid:'12', name:"叶子节点124"},
{ id:'13', pid:'1', name:"父节点13 - 没有子节点", isParent:true},
{ id:'2', pid:'0', name:"父节点2 - 折叠"},
{ id:'21', pid:'2', name:"父节点21 - 展开", open:true},
{ id:'211', pid:'21', name:"叶子节点211"},
{ id:'212', pid:'21', name:"叶子节点212"},
{ id:'213', pid:'21', name:"叶子节点213"},
{ id:'214', pid:'21', name:"叶子节点214"},
{ id:'22', pid:'2', name:"父节点22 - 折叠"},
{ id:'221', pid:'22', name:"叶子节点221"},
{ id:'222', pid:'22', name:"叶子节点222"},
{ id:'223', pid:'22', name:"叶子节点223"},
{ id:'224', pid:'22', name:"叶子节点224"},
{ id:'23', pid:'2', name:"父节点23 - 折叠"},
{ id:'231', pid:'23', name:"叶子节点231"},
{ id:'232', pid:'23', name:"叶子节点232"},
{ id:'233', pid:'23', name:"叶子节点233"},
{ id:'234', pid:'23', name:"叶子节点234"},
{ id:'3', pid:'0', name:"父节点3 - 没有子节点", isParent:true}
]; 数据父子目录关系无法显示!!!!!求解决!!!!
请区分 json 对象 和 json 格式的 字符串
我保证,格式一定OK,因为在那 aa.val 里面复制过去是可以的
现在是在js里面赋值就不行,jsp或servlet赋值就可以
用$.get获取一下,然后挨个把你的list用js打印到页面试试!!
{"id":0, "pId":0, "name":"大分类", "open":true},{"id":1, "pId":0, "name":"系统管理", "open":true ,"checked":true},{"id":9, "pId":0, "name":"财务管理", "open":true ,"checked":true}
下面就说过,这就是列出来数据。。。
我保证,格式一定OK,因为在那 aa.val 里面复制过去是可以的
现在是在js里面赋值就不行,jsp或servlet赋值就可以
用$.get获取一下,然后挨个把你的list用js打印到页面试试!!
发表评论
-
JQuery Tree插件——zTree v3.5.16 版 发布
2014-03-09 20:09 32811zTree v3.5.16 发布,继续缓慢的修正 bug ... -
JQuery Tree插件——zTree v3.5.15 版 发布
2013-10-21 09:30 14031zTree v3.5.15 发布,继续 ... -
JQuery Tree插件——zTree v3.5.14 版 发布
2013-06-29 00:36 6931在 v3.5.13 中由于个人疏漏,产生了一个比较严重 ... -
JQuery Tree插件——zTree v3.5.13 版 发布
2013-06-02 21:43 6491近期由于工作繁忙,所以一直没有发布 v3.5.13 ... -
JQuery Tree插件——zTree v3.5.12 版 发布
2013-03-11 11:13 13030为了学习如何在 jQuery Plugin 发布,反 ... -
JQuery Tree插件——zTree v3.5.02 版 发布
2013-01-28 10:34 10317首先要告诉大家,在 jQuery 发布了插件注册功能 ... -
zTree v3.5 Css 详解
2012-12-24 09:37 17793zTree 的 css 文件 ... -
JQuery Tree插件——zTree v3.5.01 版 发布
2012-12-21 10:37 3690赶着天黑前,赶紧发布 v3.5 的补丁,修正目前 ... -
JQuery Tree插件——zTree v3.5 正式版 发布
2012-11-20 09:50 13681由于国庆之后一直忙于公司的项目,因此将 zTre ... -
JQuery Tree插件——zTree v3.4 正式版 发布
2012-09-03 10:55 7370这次 v3.4 主要还是修改一些细节 bug, ... -
简述如何制作 zTree v3.x 系列的扩展 js 库
2012-06-29 15:31 2903zTree v3.x 版本修改了结构,将原先混在 ... -
JS 代码调试经验总结(菜鸟必读)
2012-06-12 18:03 19854前言:不知不觉写了很多,希望你能耐心看完这篇文章 ... -
启用新域名—— zTree.me
2012-05-24 14:11 2064折腾一上午,终于启用 新域名 zTree.me 欢迎各 ... -
JQuery Tree插件——zTree v3.2 正式版 发布
2012-05-14 13:53 6710因最近本人工作较忙,所以 v3.2 拖了很久,还 ... -
JQuery Tree插件——zTree v3.1 正式版 发布
2012-02-14 10:22 16618选在情人节发布 zTree v3.1,希望 zT ... -
CSS Sprites 使用注意之—— 避免因浏览器放大导致的图片异常
2012-02-02 14:34 2663近日有朋友说,将浏览器放大后,会发现 zTree 出现 ... -
IE 下 css 设置透明度造成 input 内光标异常的问题
2012-02-01 14:01 4021zTree v3.0 正式版发 ... -
zTree v2.x 升级 v3.0 之 异步加载 与 添加节点的错误分析
2012-01-13 16:34 4355(补充: 计划 v3.1 中修改进行异步加载的逻辑 ... -
JQuery Tree插件——zTree v3.0 正式版 发布
2012-01-10 09:39 6265在大家的帮助 和 关注下,今天 zTree v3 ... -
国庆前,zTree 开发推迟
2011-09-19 09:20 2548大家好,由于本人工作原因,国庆前会相当忙,因此 zTr ...
相关推荐
jquery 树控件 万能树 拖拽 添 删 改 大数据操作 ajax操作 代码清晰便于重构 修改
zTree v3.3 API帮助 根据官方网站提供的帮助制作 因为原始文档不能直接在本地打开帮助查看麻烦,所以制作成了chm格式
JQuery zTree v3.4 很好适用的ztree 生成树机构。适用方便,异步也很快。
JQuery-zTree 的主要功能: 1、兼容 IE、FireFox、Chrome 等浏览器 2、在一个页面内可同时生成多个 Tree 实例 3、支持 JSON 数据 4、支持一次性静态生成 和 Ajax 异步加载 两种方式 5、支持多种事件响应及...
ztree官网参考文档,及对应的demo可以参考学习ztree树是如何实现的
2、在一个页面内可同时生成多个 Tree 实例 3、支持 JSON 数据 4、支持一次性静态生成 和 Ajax 异步加载 两种方式 5、支持多种事件响应及反馈 6、支持 Tree 的节点移动、编辑、删除 7、支持极其灵活的 checkbox...
ZTree v3.x (JQuery Tree插件)
最新,最全的ZTree v3.x (JQuery Tree插件).js开发中经常使用到的!
jQuery实现树插件ztree用户选择特效.zip
Tree 感兴趣或者愿意资助 zTree 继续发展下去,可以进行捐助。 zTree v3.0 将核心代码按照功能进行了分割,不需要的代码可以不用加载 采用了 延迟加载 技术,上万节点轻松加载,即使在 IE6 下也能基本做到秒杀 兼容 ...
非常好用的Jquery-ztree树形菜单代码并适应移动端,可以自动配置图标
Jquery+BootStrap+ztree+jqgrid所需js和css文件
JQueryJQuery树型菜单 zTree v2.6 beta
Jquery javascript API 中文 JQuery zTree v3.5 api
JQuery zTree v2.6.rar,含demo
JQuery zTree v3.1 API
JQuery zTree v3.5.14 demo和详细文档