ztree

ztree 获取当前选中节点的子节点集合

£可爱£侵袭症+ 提交于 2019-11-28 06:35:06
功能:获取当前选中节点的子节点id集合。 步骤:1.获取当前节点 2.用ztree的方法transformToArray()获取当前选中节点(含选中节点)的子节点对象集合。 3.遍历集合,取出需要的值。 treeNode:当前选中节点对象 function getChildNodes(treeNode) { var childNodes = ztree.transformToArray(treeNode); var nodes = new Array(); for(i = 0; i < childNodes.length; i++) { nodes[i] = childNodes[i].id; } return nodes.join(","); } 来源: http://www.cnblogs.com/lxuan/p/7722778.html

ztree获取选中节点

佐手、 提交于 2019-11-28 06:34:45
$(document).ready(function(){ $.fn.zTree.init($("#treeDemo"), setting, zNodes); }); function onCheck(e,treeId,treeNode){ var treeObj=$.fn.zTree.getZTreeObj("treeDemo"), nodes=treeObj.getCheckedNodes(true), v=""; for(var i=0;i<nodes.length;i++){ v+=nodes[i].name + ","; alert(nodes[i].id); //获取选中节点的值 } } 来源: http://www.cnblogs.com/yutingliuyl/p/6726535.html

zTree v3.5 Css 详解

懵懂的女人 提交于 2019-11-27 20:23:49
马上要开始研究新版本的 zTree 结构了,所以要先把现在的情况再多分析一下,做了 v3.x 版本后也一直没有制作 css 的文档,特在此进行整理一下,一边讲结构,一边说说小技巧,希望能给大家一些帮助。 zTree 的 css 文件就是 zTreeStyle.css,其实 这里面的 css 内容并不多,熟悉 css 的应该看起来还是挺容易的。 首先要强调的就是,制作 zTree 时一定要让 ul 容器设置 className:ztree; 这个主要就是为了避免与页面上自定义的css 或者其他插件的css 冲突;但 css 内容太多了,我不可能为了100%的避免冲突,就 在 css 内把所有的 css 属性都设置一遍,如果这么做的话这个 css 就太臃肿了,基本上我我对常用的这几个属性进行了重新设定。 所以,如果当你使用 zTree 时出现了样式异常的话,就请用调试工具找到冲突的原因,然后将适用于 zTree 的属性补充到 zTree 的 css 内即可。 同时,因为 zTree 的 css 都有 .ztree 做约束,所以一般情况下 zTree 的样式是不会引起页面上其他内容样式异常的。 了解 css 之前先看看 zTree 的 DOM 结构吧: zTree 的结构就是 ul 里面包着 li ,li 里面 再包着 ul ......每一个节点都以一个 li 为主,它的子节点的

Ztree + PHP 无限级节点 递归查找节点法

无人久伴 提交于 2019-11-27 05:36:14
一、前言 简单的描述一下,实习几个原理,思想,其实写很多东西,思想算是最重要的。 1、目标:将写一个无限节点的树形目录结构,如下图 步骤: 1、你的下载 插件 ztree。然后布置在你的项目中。 <script src="__PUBLIC__/js/jquery-1.4.4.min.js"></script> <script src="__PUBLIC__/js/jquery.ztree.core-3.5.js"></script> 2、相关CSS <link rel="stylesheet" href="__PUBLIC__/css/zTreeStyle/zTreeStyle.css" type="text/css"> <link rel="stylesheet" href="__PUBLIC__/css/zTree.css" type="text/css"> 以上CSS 和JS 以你自己的为准。 3、目录结构DIV <div class="content_wrap" style="background:#666;"> <div class="zTreeDemoBackground left"> <ul id="treeDemo" class="ztree"></ul> </div> </div> <div class="content-text" id="text"></div

基于SSM的RBAC权限系统(1)-利用ajax,bootstrap,ztree完成权限树功能

随声附和 提交于 2019-11-27 02:51:05
仅支持回显以及选择,不支持在树中的编辑 搭建后台回显以及修改的模块 JSON数据封装 public class Msg { private int code; private String msg; private Map<String,Object> extend=new HashMap<String,Object>(); //还有一些getset方法没显示出来 public static Msg success(){ Msg result = new Msg(); result.setCode(100); result.setMsg("处理成功"); return result; } public static Msg fail(){ Msg result = new Msg(); result.setCode(200); result.setMsg("处理失败"); return result; } public static Msg noPermission(){ Msg result = new Msg(); result.setCode(250); result.setMsg("没有权限"); return result; } public static Msg reject(){ Msg result = new Msg(); result.setCode(300);

Jquery ajax 与 Jquery插件 Ztree

情到浓时终转凉″ 提交于 2019-11-27 00:01:57
最近一个项目中需要很多地方做无刷新技术,那么就用到了Jquery ajax,以前因为项目做无刷新的要求比较少点,又加上上个公司主要是用VS2003开发,哎这个老古董是够老啊,从 前一个公司离职,主要也是因为公司的主要框架是在2003,接触不到新的东西,所以离开的。 因为以前自己也摸索过jquery ajax,但是还是实际项目却用的少,开始还以为不会遇到很多问题,结果却让我头疼呵呵,大大小小的问题,让我当初有砸鼠标的问题(砸电脑的想法却没有),所以现在记点东西。 问题1:开发环境是在VS2008上,但是得使用.NET 2.0,所以就遇到了问题,发现竟然ajax竟然不进后台的方法。 测试代码如下: View Code $(document).ready(function() { $.ajax({ type: "POST", url: "default.aspx/HelloWord", dataType: "text", contentType: "application/json; charset=utf-8", beforeSend: function(XMLHttpRequest) { $('#show').text("正在查询"); }, success: function(msg) { alert(eval("(" + msg + ")").d); }, error:

【ztree】回显选中节点

断了今生、忘了曾经 提交于 2019-11-26 09:21:02
// treeId是元素id,array是数据数组 var ztree = $.fn.zTree.init($("#treeId"), setting, array); // 获取所有父节点 var nodes = ztree.getNodes(); // 获取所有节点 nodes = ztree.transformToArray(nodes); for (var i = 0; i < nodes.length; i++) { //设置节点展开 ztree.expandNode(nodes[i], true, false, true); // 选中的条件 if(“1234” == nodes[i].id) { // 设置选中 ztree.selectNode(nodes[i]); // 一定要上面选中才可以点击触发事件 ztree.setting.callback.onClick(null, ztree.setting.treeId, nodes[i]); } } 来源: https://www.cnblogs.com/xiaostudy/p/11933160.html