ztree吧
关注: 1,844 贴子: 12,483

最优秀的 jQuery 树插件 —— zTree

  • 目录:
  • 个人贴吧
  • 7
    //配置信息 var setting = { data: { simpleData: {enable: true,idKey: "id",pIdKey: "pId",rootPId: 0} }, check: { enable: true, chkStyle: "radio", //chkStyle:function(){if($("#multiSelect").val() == "0"){return "radio";}else{return "checkbox";}}, radioType: "all" } }; ----------------------------------------------------------- setting.check.chkStyle是用来决定是单选还是多选的 我想在树加载前动态生成它的值(radio/checkbox),而不是像chkStyle: "radio"这样写死 就是根
    shupming 11-26
  • 9
    在ASP.NET MVC4中,通过拖拉生成树型菜单,在树型菜单项数量小于19或21项时,以下代码可以正确执行,当树型菜单项数量大于19或21项时,不去执行 url: "/Courseware/SummitCourseResources?id=" + *@ViewData["id"]*后台代码,请教一下,这是什么个情况? var nodes = zTreeObj.transformToArray(zTreeObj.getNodes()); $.ajax({ url: "/Courseware/SummitCourseResources?id=" + *@ViewData["id"]*, contentType: "application/json", type: "post", data: JSON.stringify(nodes), dataType: "js
    zTreeAPI 10-9
  • 4
    这种情况只保存 成华区 function onCheck(){ var treeObj=$.fn.zTree.getZTreeObj("earaTree"); nodes=treeObj.getCheckedNodes(true); if(nodes.length==0){ alert("你为未选择任何区域!"); }else{ var ids = []; var names = []; for(var i=0;i<nodes.length;i++){ // alert(nodes[i].name+" half="+nodes[i].getCheckStatus().half); if(nodes[i].isParent){//本身是父节点,并且是全选的父节点 则不管子节点 if(nodes[i].getCheckStatus().half){//半选父节点 $("#message").append("--"+nodes[i].name+"是半选父节点。 不存储<br>"); }else{//全选节点(本身是父
    qazsdgtg 9-17
  • 2
    JqueryUI的draggable有这个属性,这样当有的元素zIndex比较高的时候可以不被挡住 而ztree现在没有,只能针对生成的元素的class来指定,觉得略不方便
  • 27
    本人现在加盟 为知笔记 (wiz.cn) 正在为打造 为知笔记 的 Web 服务而奋斗。 公司正处于创业阶段,目前急需有理想有目标的前端开发一枚,需要 2-3 年前端经验。 至少要熟悉 jQuery, 最好能熟悉其他 js 框架,熟悉 html5 有 浏览器插件开发(例如 Chrome 的插件)、nodejs开发经验的会优先考虑。 如有兴趣可以直接给我发简历(hunter.z@263.net )。
    小诺控 11-6
  • 1
    建议ztree加上默认选中的属性
    cha1245944 5-30
  • 11
    zTree 3.5.14 API文档,CHM格式下载
    moshco_cn1 11-9
  • 1
    在beforeRemove里有个判断用户权限的ajax方法,当返回值是false的时候我怎么取消删除这个操作? function beforeRemove(treeId, treeNode) { $.ajax({ async: false, url: "Left.aspx/CheckRole", data: "{MenuID:" + treeNode.id + ",type:'delete'}", dataType: "json", type: "POST", ontentType: "application/json;charset=utf-8", success: function (jd) { var result = eval("(" + jd.d + ")"); if (result) { className = (className === "dark" ? "":"dark"); var zTree = $.fn.zTree.getZTreeObj("Menutree"); zTree.selectNode(treeNode); return confirm("确认删除栏目 " + treeNode.name
    zTreeAPI 6-28
  • 8
    使用了ztree的异步加载功能,页面展开时只加载父节点,单击父节点时,会异步加载该父节点下的子节点。 看了ztree官网有关异步加载模式下的介绍,‘zTree 完善了异步加载模式下的编辑功能,对于未加载子节点的父节点,增加子节点时,会首先进行异步加载。’仔细操作了,发现添加的子节点是未写入库的,我这儿的情况是,在未展开的父节点上添加子节点时,会出现两个一样的节点,因为,我在我在添加节点前异步把数据写入库了,导致出现两个
  • 7
    上面的是鼠标移上状态 下面的是鼠标点击状态 请问 如何去除鼠标移上状态 我只需要点击后出现编辑状态 先感谢了!
    zTreeAPI 5-26
  • 19
    你好,最近在做ztree升级时,发现由3.2升级到3.5版本后树的样式显示不对,初始化了5个数树,只有前面三个样式正确,后面两个样式异常表现,异常表现为根节点前面的图标为 ,正常的应该是 ,不清楚什么原因,请赐教
  • 3
    拿zTree做Ajax的文件夹管理器,新建文件夹需要交由服务器生成并且返回结果. 1.新建文件夹的时候我在父级下新生成一个Node,并且设置属性dummy为true,直接进入编辑状态 2.beforeRename总是返回false,在beforeRename中发起ajax请求. 3.1.如果返回值标志创建成功,则将生成的数据放进treeNode中,删除dummy属性,updateNode,并cancelEditName,将服务器返回的名字用作强制更新的名字 3,2如果返回失败,则cancelEditName,并且在dummy为true的removeNode 到这里都还算OK,现在问题来了.经过第一步,用户
    371178285 10-14
  • 7
    个人实现zTree默认按照链路打开加载异步节并选中最后节点, 感觉zTree是一个很棒的树,看了帖子最近也很多人在问这个问题,个人写了一套实现方式 很简单,希望大家能给出一些改进! 如下:
  • 3
    在异步情况下,节点都是点击父节点才可以看到子节点。如果我默认值传过去为第三层节点某个值。如何在树加载后 就自动展开第二层,选中与之值相等的节点?
    zTreeAPI 4-12
  • 4
    $.fn.zTree.init (obj, zSetting, zNodes)有通过jquery对象创建ztree的方法,为什么$.fn.zTree.getZTreeObj(treeId)却不提供jquery对象查找ztree的方法.这样是不是我通过$.fn.zTree.init($('#ztree ul', setting, data));创建的ztree如果不自己保存这个ztree对象的话,就无法通过ztree提供的api查到这个ztree对象了啊。
    zTreeAPI 4-8
  • 6
    树老大的ztree确实好用,使用它比较轻松实现了增删改,维护导航菜单比较方便,但是有个问题就是怎么编辑叶子的 target,url,现在可以编辑名字,使用的是异步树
    zTreeAPI 4-18
  • 2
    top8843 2013-03
    建议在zTree官网中,增加一个页面,罗列出每个版本的更新内容,现在很多软件都有这样一个页面。
    top8843 3-16
  • 6
    就要这个选中的样式就行咯。
    zTreeAPI 3-5
  • 12
    在firefox和chrome下都显示重影,如下图所示 IE下显示正常 firefox和chrome下显示重影
    卵仔华 3-11
  • 23
    以下代码中,我想在click不同树的时候,给不同的标签赋值,但不知道如何区分点击的是那颗树? callback: { onClick: onClick } function onClick(e, treeId, treeNode) { var zTree = j$.fn.zTree.getZTreeObj("treeDemo");//根据 treeId 获取 zTree 对象 nodes = zTree.getSelectedNodes();//获取 zTree 当前被选中的节点数据** document.form1.citySel.value = nodes[0].name; //给citySel标签赋值 hideMenu();//隐藏树 }
    zTreeAPI 3-3
  • 6
    请问要用zTree完成类似Autocomplete的功能,动态显示模糊查询匹配的结点,用什么方法比较好? 后台一次性加载了全部数据。
  • 1
    如题。如何模拟鼠标点击节点的操作?
    zTreeAPI 2-23
  • 2
    目前业务需要,鼠标悬停在节点上时,弹出 tooltip。目前的解决办法是使用 dom 上的 title 来处理,但效果还是不如人意。如果 callback 能提供 mouseEnter 和 mouseLeave 回调,处理起来就简单多了。
    basten_gao 2-22
  • 2
    由于没用checkbox,要想连续选择多个,要点很多次,如果有像window那样用shift选中连续的就好了,我也试过自己去扩展,但水平有限,没弄出来,求用shift扩展ztree实现连续选中的代码
    zTreeAPI 2-6
  • 9
    还有jstree的样子真漂亮啊,不是说jstree多好,只是希望ztree能做到最强
    zTreeAPI 2-16
  • 16
    我从后台出来的数据初始化了一些内容的勾选,但显示的是灰色框。不是勾选框。如果让初始化出来的数据自动级联呢?
    zTreeAPI 1-17
  • 3
    以前使用过dtree文件只有10kb左右,调用方法也简单易懂,但是他支持的数据量小,还没有选择框很是头疼,使用ztree界面华丽功能齐全,但我用不了那么多的功能,文件觉得又太大,作者是否可以开发一个ztree的简化版,保留常用的基本功能,调用起来也不要那么麻烦,毕竟像我一样的懒人太多啊? 我觉得树大多数有基本的状态、单选、复选、加上简单的扩展足够了,至于拖拽等高级用起来又复杂的功能,留给那些需要开发复杂应用的人吧。 建议分成
    zTreeAPI 1-16
  • 5
    今天应用测试,发现一个zTree内部的小bug,不知道有没有碰到的。 zTree内部有一个计数变量,与zTree的id拼接在一起,如ot_1作为节点的唯一标识。项目需要根据一定的条件重新生成页面上的树,但是这个计数是页面全局变量,所以重新生成的树节点的id为继续累加值,而节点持有的父节点的引用还是原来的id,导致node.getParentNode()返回值为null。望求证问题
    zTreeAPI 1-22
  • 4
    在文件demo/cn/super/singlepath.html中118行 zTree.expandNode(oldParents[i], false); 应改为 zTree.expandNode(oldParents[Math.abs(oldParents.length-newParents.length)-1], false); 另:iteye评论发不了,啥情况啊!
  • 0
    ztree获取当前节点的最顶层父节点?
    妮逗豆 12-12
  • 2
    第一个BUG: expandAll与expandNode在jQuery.1.8.3与firefox下,不生效。 代码是在ready初始化时调用的. $.fn.zTree.init($("#treeDemo"), setting, treeNodes).expandAll(true); 把jQuery改成1.7版,或者把firefox换成ie9。都能正常使用。 应该是zTree的expandAll与expandNode,可能存在与jQuery1.8.3不兼容的地方吧。 第二个BUG: 我在BeforeRename中,判断更改的名称,是否符合要求,不符合的话,就取消编辑状态,并返回false。 var treeObj = $.fn.zTree.getZTreeObj(treeId); treeObj.cancelEditName(); return false; 编辑
  • 1
    比方我有一个button,一个text,我选中一个ztree的文件,按button,就直接把text里的字段当文件名修改我选中的文件, 我只知道有个edit的方法,可以进入修改的状态,有没有我上述的这种功能的?谢谢啊
    Mirotic 4-28
  • 1
    如何知道该父节点下是否存在子节点?
    zTreeAPI 11-20
  • 10
    这是我见过的世界上最棒的树,感谢作者的辛苦开发及大度的共享精神!! 我会向需要用的树展示的所有同事推荐。 刚才看演示的时候发现,搜索节点的功能令人眼前一亮。但有一个不算太完美的地方,如果搜索到的子节点所在的父节点没有展开,那搜索结果就看不到了,虽然搜索结果飘红了,但仍是隐藏的,若是能自动展开显示搜索到的节点,那岂不更完美? 当然,这只是我的一个建议,没看源代码,不知道实现的难度。
    bactryki 5-3
  • 2
    var setting = { check:{ enable:true }, data: { simpleData: { enable: true } }, callback: { onClick: onClick } };
  • 2
    function ajaxdata(treeId, parentNode, childNodes){ alert(treeId+parentNode.name+childNodes+"sss"); var treeObj = $.fn.zTree.getZTreeObj("treeDemo"); alert(treeObj); var node={ id:19, pId:0, name:"父节点new - 折叠",isParent:true}; alert(node.id); var newtree=treeObj.addNodes(null,node); } var setting = { async:{ enable:true, url:"${base}/system/RepoManage!queryRepoSvnList.action?repoName=repo&repoPath=/sub1", type:"post", dataFilter:ajaxdata }, data: { simpleData: { enable: true } } }; var zNodes =[ { id:1, pId:0, name:"父节点1 - 展开", open:true}, { id:11, pId:1, name:"父节点1
    mars_room_10 12-22
  • 3
    想知道 zTree 3.0 在点击右键菜单时 那个DIV是怎么显示在自己所点击的节点后的。 想看一下代码的具体实现?找了没有找到。 希望作者能指出下 学习学习
    zTreeAPI 6-19

  • 发贴红色标题
  • 显示红名
  • 签到六倍经验

赠送补签卡1张,获得[经验书购买权]

扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频!

本吧信息 查看详情>>

会员: 会员

目录: 个人贴吧