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树构造的一些解决方案,getNodes()的作用

getNodes 概述[ 依赖 jquery.ztree.core 核心 js ] 获取 zTree 的全部节点数据 请通过 zTree 对象执行此方法。 Function ...
  • u014087707
  • u014087707
  • 2016年02月01日 16:10
  • 3548

zTree.getCheckedNodes();

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

zTree获得选择节点的值以及回显选中

function filter(node) { //过滤器直选中2级节点累加 return (node.level == 2 && node.checked == true); } v...
  • u013008179
  • u013008179
  • 2016年02月16日 17:47
  • 19917

ZTree获取根节点

function getRoot() { var treeObj = $.fn.zTree.getZTreeObj("tree-div"); //返回一个根节点 var node...
  • miaoyitao
  • miaoyitao
  • 2016年08月20日 21:31
  • 10302

zTree使用心得

  • BMLovey
  • BMLovey
  • 2016年02月28日 22:30
  • 1873

ztree的简单使用

zTree简单使用方法
  • qq_21856521
  • qq_21856521
  • 2017年04月19日 22:27
  • 8837

手把手教你学Ztree

https://note.wiz.cn/pages/manage/biz/payRead.html?kb=3fe9d146-6498-4882-b75c-f533442aba5b
  • huaweitman
  • huaweitman
  • 2017年06月21日 17:51
  • 677

工作记--ZTREE

Ztree入门 其实ztree官方网站(http://www.treejs.cn/v3/main.php#_zTreeInfo)对ztree介绍的很全面了,本文只是为了完成网上很多大神给我们这些菜鸡规...
  • uranusall
  • uranusall
  • 2017年06月07日 16:47
  • 37

zTree使用技巧与详解

zTree--Jquery 树插件,是在后台管理页面中常使用到的插件。 使用效果图: 核心代码: zTree配置: var setting = { data:{simple...
  • molashaonian
  • molashaonian
  • 2017年02月11日 14:20
  • 2017

ZTree

简介】 zTree 是利用 JQuery 的核心代码,实现一套能完成大部分常用功能的 Tree 插件  兼容 IE、FireFox、Chrome 等浏览器 在一个页面内可同时生成多个 Tree...
  • VanishOrAlone
  • VanishOrAlone
  • 2017年11月27日 11:54
  • 61
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:zTree使用心得
举报原因:
原因补充:

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