checkbox权限树
html代码
<html>
<head>
<title>dtree</title>
<link rel="StyleSheet" href="dtree.css" type="text/css" />
<script type="text/javascript" src="dtree.js"></script>
</head>
<body>
<div class="dtree">
<p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p>
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'菜单权限树');
d.add(1,0,'authority','25','一级菜单1 ');
d.add(2,1,'authority','26','二级菜单1 ');
d.add(3,2,'authority','27','三级菜单1 ');
d.add(4,2,'authority','28','三级菜单2 ');
d.add(32,3,'authority','26','二级菜单1 ');
d.add(33,32,'authority','27','用户管理 ');
d.add(34,32,'authority','28','用户组管理 ');
d.add(22,1,'authority','26','二级菜单1 ');
d.add(23,22,'authority','27','用户管理 ');
d.add(24,22,'authority','28','用户组管理 ');
d.add(6,0,'authority','25','一级菜单2 ',true,true);
d.add(7,6,'authority','26','二级菜单2 ',true,true);
d.add(8,7,'authority','27','用户管理 ',true,true);
d.add(9,7,'authority','28','用户组管理 ',true,true);
d.add(11,0,'authority','25','一级菜单3 ');
d.add(12,11,'authority','26','二级菜单3 ');
d.add(13,12,'authority','27','用户管理 ');
d.add(14,12,'authority','27','用户组管理 ');
document.write(d);
d.openAll();
//-->
</script>
</div>
<div>
<input type='button' name='bTest' value='test' onclick='test();'>
</div>
</body>
<script type="text/javascript">
<!--
function test(){
var count = 0;
var obj = document.all.authority;
for(i=0;i<obj.length;i++){
if(obj[i].checked){
alert(obj[i].value);
count ++;
}
}
}
//-->
</script>
</html>
dtree.js 关键代码
Node这个方法 里解释了 各个参数的含义
function Node(id, pid, cname, cvalue, cshow, cchecked, cdisabled, url, title, target, icon, iconOpen, open) {
this.id = id;
this.pid = pid;
//chechbox的名称
this.cname = cname;
//chechbox的值
this.cvalue = cvalue;
//chechbox的显示
this.cshow = cshow;
//chechbox是否被选中,默认是不选
this.cchecked = cchecked||false;
//chechbox是否可用,默认是可用
this.cdisabled = cdisabled||false;
//节点链接,默认是虚链接
this.url = url||'#';
this.title = title;
this.target = target;
this.icon = icon;
this.iconOpen = iconOpen;
this._io = open || false;
this._is = false;
this._ls = false;
this._hc = false;
this._ai = 0;
this._p;
};
具体的使用可以下载附件查看代码.......反正挺简单的....
- 大小: 26.7 KB
分享到:
相关推荐
关键代码都在里面 资源是工程中的一部分 暂不能运行 原来用的是Java实现Json串 考虑到频繁访问数据库 就改成了存储过程
有dtree做的 带checkbox的权限树
带有checkbox的权限树,当选中父节点时,子节点全选中,子节点未全部选中是,父节点半选中,子节点全部选中是,父节点同时选中
jQuery_treetable实现checkbox树,实现多级联动,适用于权限树等各类需要树形结构数据的场景
本工程使用dTree组件实现树形菜单的展示 有静态树形菜单和动态(从数据库获取数据)树形菜单展示两种 ...菜单既有普通的树结构展示,也有方便做权限等功能的带选择框的展示(含带默认选中checkbox的处理)
这些是前段时间做项目时候找到工具,感觉挺好用的dtree是编写菜单用的,AuthorityTree是改写后的dtree,增加了checkbox,可以用来做权限分配,treecheckbox还没来的及研究,感觉功能挺不错的。感觉以后肯定用得上。...
带复选框JS树 复选框树,很好用!JS权限树,带例子
根据数据库自动生成带CheckBox,选中并选中父节点
一个有复选框的权限树.可以提取权限
ASP权限管理目录树,很不错的一个树形权限控制管理模块
vue写的树,包括删除节点,全选节点等操作,拿来就可以用的好东西。
这里使用asp.net2.0的TreeView控件结合JavaScript实现权限树的部分功能。 假设权限树中有如下三条规则: 1、该节点可以访问,则他的父节点也必能访问; 2、该节点可以访问,则他的子节点也都能访问; 3、该节点...
RzCheckTree实现权限管理 可以实现带CheckBox的权限树型管理。
1. 通过递归,组件套组件,无限套娃实现...4. 组件要做成2个,一个树视图XTreeView,一个t树项目Xtree,具体引用的是树视图,树视图循环嵌套XTree 5. 勾选节点时,同步更新该节点的所有子节点,因此更新也涉及到了递归
jsTree 权限操作 通过菜单加载权限。网上收集了1个星期,才整理出来的 通过ajax调取后台。后台数据表中的.id,parentId, text 三个必备参数。id,parentid 管理后,会自动生成树。使用了abp框架 可以提取你想要的部分
带有checkbox的权限树,当选中父节点时,子节点全选中,子节点未全部选中是,父节点半选中,子节点全部选中是,父节点同时选中
js 树型权限管理插件: jQuery Tree Multiselect 示例下载-附件资源
在用户权限里,系统菜单选中一个用户后,他的Treeview权限菜单,点击父节点,子节点自动展开并选中。asp.net的Treeview的Checkbox选中父节点,选中全部子节点并且展开。
由于原版dtree作者没有加上复选框功能,我用来做用户模块权限功能的时候很不好用,网上也找到一些基于dtree添加了checkbox的修改版,但是用起来很不顺手,最后不得不根据自己的需要一再修改成了现在这个版本。...
如题,项目中需要,自已修改Dtree的一个 选择节点,即可自动全选子节点,并选中其所有父节点 取消节点,即取消所有子节点...类似权限树 支持IE fireFox 支持cookie保存最后一次的展示状态,即刷新页面后权的展示节点情况保留