zTree使用心得

原创 2016年08月29日 13:19:02

1.多的不说,发现zTree有一个问题,使用简单数据的时候最底层子节点最左侧会有加号,可能是min.js有问题吧

暂时解决方法如下,初始化树以后遍历子节点,手动的将最底层子节点的isParent改为false,并调用updateNode方法更新,也可以遍历完以后,最后调用treeObj.refresh()更新

var init=function(){
			var treeObj =  $.fn.zTree.init(tree_obj, treeSetting, area_json);
			var nodes = treeObj.getNodes();
			var nodesSimple= treeObj.transformToArray(nodes);
			$(nodesSimple).each(function(index,node){
				if(node.children===undefined||node.children.length<=0){
					node.isParent=false;
					treeObj.updateNode(node);
				}
			});
			treeObj.expandNode(nodes[0], true, false, true);
		};
2.zTree的父节点和子节点选中的状态

如果只有部分子节点被选中了,父节点也会被选中,在通过zTree.getCheckedNodes()方法得到选中节点时,需要要把父节点过滤掉

if(nodes[i].getParentNode()!==null&&nodes[i].getParentNode().getCheckStatus().half===false){
					...
				}else if(nodes[i].getCheckStatus().half==false){
					...
				}
主要是通过getCheckStatus().half来判断,如果是处于半选中状态,该值是true,如果是处于全选中状态,该值是false,注意node.halfCheck得到的结果是不准确的


版权声明:本文为博主原创文章,未经博主允许不得转载。

zTree.getCheckedNodes();

首先下载ztree,然后引入到页面中。   前台页面:   %@page contentType="text/html;charset=gbk"%> %@include file="/inc...
  • ouou009
  • ouou009
  • 2012年05月19日 21:59
  • 8808

ztree树构造的一些解决方案,getNodes()的作用

getNodes 概述[ 依赖 jquery.ztree.core 核心 js ] 获取 zTree 的全部节点数据 请通过 zTree 对象执行此方法。 Function ...

zTree的简单实例

zTree的简单实例   zTree 是一个依靠jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。   zTree官网   zTreeA...

zTree:JQuery树形插件使用示例

最近在做一个Web平台,其中用到了JQuery

zTree使用技巧与详解

zTree--Jquery 树插件,是在后台管理页面中常使用到的插件。 使用效果图: 核心代码: zTree配置: var setting = { data:{simple...

ztree的给树赋值及重置树的实现

选择ztree替代jstree是因为ztree的官网的api文档详细,容易理解。 下面说下在开发中ztree的2个功能的实现 1、给树赋值如下图 代码如下: //修改-人员管理 function a...

bootstrap-datetimepicker.min.js日期插件使用记录

$("#startDate").datetimepicker({ weekStart: 1, todayBtn: 1, autoclose: 1, toda...

鼠标滚轮实现地图放大缩小 并以滚轮点为中心点

客户端脚本function getObjectById(id){ if (typeof(id) != "string" || id == "") return null; ...
  • king27
  • king27
  • 2008年05月29日 17:32
  • 2944

关于zTree的使用心得以及相关的JS技术总结

首先关于zTree树的生成将它分成了两部分,一部分为公共的JS初始化部分,另一部分为具体的JSP页面,在JSP页面中放入具体的业务参数。     当然要先对zTree的官方API有一定的了解 h...

zTree使用心得

  • BMLovey
  • BMLovey
  • 2016年02月28日 22:30
  • 1467
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:zTree使用心得
举报原因:
原因补充:

(最多只允许输入30个字)