checkbox权限树

爱被打了一巴掌 2022-04-18 03:46 195阅读 0赞

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">
    		
    	</script>
    
    </div>
    <div>
    <input type='button' name='bTest' value='test' οnclick='test();'>
    </div>
    </body>
    <script type="text/javascript">
    
    </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;
    };

具体的使用可以下载附件查看代码.......反正挺简单的....