ztree 获取最下级的子节点内容
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Ztree</title>
<link href="zTreeStyle.css" rel="stylesheet" />
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="jquery.ztree.all-3.5.min.js"></script> <script type="text/javascript"> //获取页面中的参数
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null)
return unescape(r[2]);
return "";
} var zNodes=[{"key":null,"Id":0,"Pid":-1,"Name":"测试平台","checked":false},{"key":null,"Id":1,"Pid":0,"Name":"模块1","checked":false},{"key":7,"Id":6,"Pid":1,"Name":"模块1-功能1","checked":true},{"key":null,"Id":7,"Pid":1,"Name":"模块1-功能2","checked":false},{"key":null,"Id":8,"Pid":1,"Name":"模块1-功能3","checked":false},{"key":null,"Id":9,"Pid":1,"Name":"模块1-功能4","checked":false},{"key":null,"Id":10,"Pid":1,"Name":"模块1-功能5","checked":false},{"key":null,"Id":2,"Pid":0,"Name":"模块2","checked":false},{"key":7,"Id":11,"Pid":2,"Name":"模块2-功能1","checked":true},{"key":null,"Id":12,"Pid":2,"Name":"模块2-功能2","checked":false},{"key":null,"Id":13,"Pid":2,"Name":"模块2-功能3","checked":false},{"key":null,"Id":14,"Pid":2,"Name":"模块2-功能4","checked":false},{"key":null,"Id":15,"Pid":2,"Name":"模块2-功能5","checked":false},{"key":null,"Id":3,"Pid":0,"Name":"模块3","checked":false},{"key":7,"Id":16,"Pid":3,"Name":"模块3-功能1","checked":true},{"key":null,"Id":17,"Pid":3,"Name":"模块3-功能2","checked":false},{"key":null,"Id":18,"Pid":3,"Name":"模块3-功能3","checked":false},{"key":null,"Id":19,"Pid":3,"Name":"模块3-功能4","checked":false},{"key":null,"Id":20,"Pid":3,"Name":"模块3-功能5","checked":false},{"key":null,"Id":4,"Pid":0,"Name":"模块4","checked":false},{"key":7,"Id":21,"Pid":4,"Name":"模块4-功能1","checked":true},{"key":null,"Id":22,"Pid":4,"Name":"模块4-功能2","checked":false},{"key":null,"Id":23,"Pid":4,"Name":"模块4-功能3","checked":false},{"key":null,"Id":24,"Pid":4,"Name":"模块4-功能4","checked":false},{"key":null,"Id":25,"Pid":4,"Name":"模块4-功能5","checked":false},{"key":null,"Id":5,"Pid":0,"Name":"模块5","checked":false},{"key":7,"Id":26,"Pid":5,"Name":"模块5-功能1","checked":true},{"key":null,"Id":27,"Pid":5,"Name":"模块5-功能2","checked":false},{"key":null,"Id":28,"Pid":5,"Name":"模块5-功能3","checked":false},{"key":null,"Id":29,"Pid":5,"Name":"模块5-功能4","checked":false},{"key":null,"Id":30,"Pid":5,"Name":"模块5-功能5","checked":false}];
var setting = {
check: {
enable: true
},
data: {//数据加载
keep: {
parent: true,
leaf: true
},
simpleData: {
enable: true,
idKey: "Id",
pIdKey: "Pid"
},
key: {
name: "Name"
}
}
}; function Inint() {//初始化加载节点
$.ajax({
global: true,
async: false,
cache: false,
dataType: "json",
url: 'ajax/test.ashx', //通过一般处理程序生成数据
type: "post",
data:{"roleId":GetQueryString("roleId")},
success: function (data) {
zNodes = data;
}
});
}; $(function () {
//Inint();
var treeObj =$.fn.zTree.init($("#powerTree"), setting, zNodes);
treeObj.expandAll(true); }); jQuery().ready(function () {
$("#btnTest").click(function () {
var treeObj = $.fn.zTree.getZTreeObj("powerTree");
var nodes = treeObj.getCheckedNodes(true);
var txt = "";
for (var i = 0; i < nodes.length; i++) { if (nodes[i].isParent) {
//txt.replace(nodes[i].Name, "");
} else {
txt += nodes[i].Id+"-"+nodes[i].Name + ",";
}
}
txt = txt.replace("null,", ""); //替换选择父节点的id
txt = txt.substring(0, txt.length - 1);
alert(txt);
//var strCheckNodes = JSON.stringify(checkNodes);
}); });
</script>
</head>
<body>
<div>
<ul id="powerTree" class="ztree">
</ul>
</div>
<input type="button" name="btnTest" id="btnTest" value="测试节点" />
</body>
</html>
namespace ajax
{
/// <summary>
/// Sys_Role_PowerAllot 的摘要说明
/// </summary>
public class Test : IHttpHandler
{ public void ProcessRequest(HttpContext context)
{ string roleId = context.Request["roleId"]; List<Sys_Module> list = new List<Sys_Module>();
for (int i = ; i < ; i++)
{
Sys_Module s = new Sys_Module();
s.Sys_Module_Id = i+;
s.sm_ParentId = i - i;
s.sm_Name = "模块" + (i + );
List<Sys_Function> funs = new List<Sys_Function>();
for (int j = ; j < ; j++)
{
Sys_Function fun = new Sys_Function();
if (j == )
{
fun.Sys_Function_Id = j + (i + ) * + ;
fun.sf_Description = s.sm_Name + "-功能" + (j + );
fun.sf_AuthorityIndex = ;
funs.Add(fun);
}
fun.Sys_Function_Id = j + (i + ) * + ;
fun.sf_Description = s.sm_Name + "-功能" + (j + ); funs.Add(fun);
}
s.Functions = funs;
list.Add(s);
} BindFunction(allModules, roleId); }
} private string GetAuthorityStr(string nodes)
{
//string[] checkNodes = nodes.Split(',');
//int[] intNodes = Array.ConvertAll<string, int>(checkNodes, delegate(string s) { return int.Parse(s); }); //ArrayList arrNodes = new ArrayList(intNodes);
//arrNodes.Sort();
//int maxNodeId = Convert.ToInt32(arrNodes[arrNodes.Count - 1]); //string sr_AuthorityString = string.Empty;
//List<string> list = new List<string>(); //for (int i = 0; i < maxNodeId+1; i++)
//{
// list.Add("0");
//}
//for (int i = 0; i < intNodes.Length; i++)
//{
// list[intNodes[i]] = "1";
//}
//sr_AuthorityString = string.Join("", list.ToArray()); //sr_AuthorityString = sr_AuthorityString.PadRight(1024, '0'); string[] checkNodes = nodes.Split(','); string sr_AuthorityString = string.Empty;
sr_AuthorityString= sr_AuthorityString.PadRight(, '');
for (int i = ; i < checkNodes.Length; i++)
{
sr_AuthorityString = sr_AuthorityString.Remove(Convert.ToInt32(checkNodes[i])-, ).Insert(Convert.ToInt32(checkNodes[i])-, "");
} return sr_AuthorityString;
} public string BindFunction(List<Sys_Module> modules,string roleId)
{ List<TreeData> funTree = new List<TreeData>();
TreeData treeRoot = new TreeData();
treeRoot.Id = ;
treeRoot.Pid = -;
treeRoot.Name = "测试平台";
char[] cauth = { }; //Sys_Role_Logic roleLogic = new Sys_Role_Logic();
//if (!string.IsNullOrEmpty(roleId))
//{
// Sys_Role role = roleLogic.GetModel(Convert.ToInt32(roleId)); // string authorityStr = role.sr_AuthorityString.Substring(0, role.sr_AuthorityString.LastIndexOf("1")+1);
// //string authorityStr = "000000100100100000001000100000000000000"; // cauth= authorityStr.ToArray(); //} funTree.Add(treeRoot);
for (int i = ; i < modules.Count; i++)
{
AddNodes(funTree, modules[i], treeRoot.Id, cauth);
} return JsonHelper.SerializeObject(funTree);
} public List<TreeData> AddNodes(List<TreeData> trees, Sys_Module module, int pid, char [] authorityStr)
{
TreeData tree = new TreeData();
tree.Id = module.Sys_Module_Id;
tree.Name = module.sm_Name;
if (pid == )
tree.Pid = module.sm_ParentId;
else
tree.Pid = pid;
trees.Add(tree); foreach (Sys_Function fun in module.Functions)
{
trees.Add(AddFunNodes(fun, tree.Id,authorityStr));
} return trees;
} public TreeData AddFunNodes(Sys_Function fun, int pid, char [] authorityStr)
{
TreeData tree = new TreeData();
tree.Id = fun.Sys_Function_Id;
tree.Pid = pid;
tree.Name = fun.sf_Description;
tree.key = fun.sf_AuthorityIndex;
int funAuthorityIndex = Convert.ToInt32(fun.sf_AuthorityIndex - );
if (funAuthorityIndex < authorityStr.Length)
{
if (authorityStr[funAuthorityIndex] == '')
{
tree.@checked = true;
}
else
{
tree.@checked = false;
}
} return tree;
} public bool IsReusable
{
get
{
return false;
}
}
} public class TreeData
{
public int? key { get; set; }
public int Id { get; set; } public int? Pid { get; set; } public string Name { get; set; } public bool @checked { get; set; }
} public class Sys_Function
{
public int Sys_Function_Id{get;set;}
public string sf_Description{get;set;}
public int sf_AuthorityIndex{get;set;}
} public class Sys_Module
{
public int Sys_Module_Id{get;set;}
public int sm_ParentId{get;set;}
public string sm_Name{get;set;}
public List<Sys_Function> Functions{get;set;}
}
}
ztree 获取最下级的子节点内容的更多相关文章
- ztree获取当前选中节点子节点id集合的方法(转载)
本文实例讲述了ztree获取当前选中节点子节点id集合的方法.分享给大家供大家参考.具体分析如下: 要求:获取当前选中节点的子节点id集合. 步骤: 1.获取当前节点 2.用ztree的方法trans ...
- Zookeeper命令行操作(常用命令；客户端连接；查看znode路径；创建节点；获取znode数据，查看节点内容，设置节点内容，删除节点；监听znode事件；telnet连接zookeeper)
8.1.常用命令 启动ZK服务 bin/zkServer.sh start 查看ZK服务状态 bin/zkServer.sh status 停止ZK服务 bin/zkServer.sh stop 重启 ...
- 解析xml节点属性及子节点内容
xml样例 <microNearlyThreeYearsOverdueInfo subReportType="13204" subReportTypeCost="9 ...
- 获取XML里指定的节点内容信息
HttpContent bw = new StringContent(StrXml, Encoding.UTF8, "application/Xml"); var Msg = aw ...
- 总结获取原生JS(javascript)的父节点、子节点、兄弟节点
关于原生JS获取节点,一直是个头疼的问题,而且调用方法的名字又贼长了,所以我选择用JQ,好像跑题了-- 话不多说看代码 获取父节点 及 父节点下所有子节点(兄弟节点) <ul> <l ...
- js或jquery如何获取父级、子级、兄弟元素(包括祖级、孙级等)
原生javascript方法: var a = document.getElementById("dom"); del_space(a); //清理空格 var b = a.chi ...
- js获取dom元素的子元素,父元素,兄弟元素小记
原生jsvar a = document.getElementById("dom"); del_space(a); //清理空格 var b = a.childNodes; //获 ...
- zTree异步生成数据时无法获取到子节点的选中状态
最近在项目中遇到一个问题,需求如下: 根据选中不同的人员(ID)向后台发送ajax请求,通过返回的数据来生成该人员的权限访问树,该树目录最少为3级目录,在生成的时候会自动勾选上次保存过的选中状态,点击 ...
- ztree 获取子节点所有父节点的name的拼接
ztree 获取子节点所有父节点的name的拼接 //获取子节点,所有父节点的name的拼接字符串function getFilePath(treeObj){if(treeObj==null)retu ...
随机推荐
- Luogu 2467 [SDOI2010]地精部落
挺有意思的题. 优质题解: https://www.luogu.org/blog/user55639/solution-p2467 题意为求长度为n,取值为$[1, n]$的波动序列的个数. 首先需要 ...
- C#/Python/MATLAB操作PostgreSQL数据库
PostgreSQL数据库是一个功能非常强大的开源数据库,支持多种SQL特性,非常好用.此外由于结合PostGIS可以实现空间数据库功能,故非常适合GIS领域的使用.本文旨在介绍C#.Python.M ...
- Servlet对象生命周期(四)
一.Servlet对象生命周期 一下图片说明上图第7点 destroy()方法是在停止tomcat服务器时执行 https://pan.baidu.com/s/1mgTabWW#list/path=% ...
- ElementUI的表单和vee-validate结合使用时发生冲突的解决
在Vue项目中使用ElementUI表单时,同时又引入了vee-validate进行使用的时候,在浏览器上会出现这样的报错: [Vue warn]: The computed property &qu ...
- Hyper-V 中遇到错误 'vm' could not initialize
不知道前面做了什么操作,但当我启动我的虚拟机时遇到了'vm' could not initialize的错误,如下图: 在几番尝试未果后,找到了如下解决方法: 以管理员模式启动cmd,执行命令 net ...
- android studio中配置X5 webview时的一个坑
在接入X5的第二步中,需要配置so文件,这里说一下遇到的坑 1. 需要把demo下载回来,不然你找不到so文件,找到so文件后放到自己相对应的目录下边,自己里面那个目录也没有,所以和文件夹一起复制过去 ...
- SQLyog使用，连接ubuntu虚拟机(Error No.2003)
1.为mysql设置远程访问权限 mysql> grant all PRIVILEGES on *.* to ‘账号’@’%’ identified by ‘密码′; mysql> flu ...
- String类-小用
字符串-string (1)string在Java中是一个引用类型,string变量可引用一个字符串对象 (2) 例1: s0,s1,s2引用同一个对象 New创建的两个string是不同的对象只是内 ...
- UINavigationController + UIScrollView组合，视图尺寸的设置探秘（三）
还是在苹果的 View Controller Catalog for iOS 文章中找到答案.文中提到了两点: 1.If the navigation bar or toolbar are visib ...
- Vue Study [2]: Vue Router
Description The article for vue router. Original post link:https://www.cnblogs.com/markjiang7m2/p/10 ...