素材网 素材网

jQuery仿微软系统多级下拉选中树形菜单代码

下载资源()次

阅读次数()次

发布时间:2017-08-25

jQuery仿微软系统多级下拉选中树形菜单代码
分享到:

用法简介:

来源:xw素材网

jQuery仿微软系统多级下拉选中树形菜单代码。
文件引用:

<script type="text/javascript">
		d = new dTree('d', true);   //参数一: 树名称。参数二:单选多选 true多选  false单选  默认单选               
		d.add(0, -1, '权限管理');
		d.add(1, 0, 'authority', '0001', '日常工作', true, false);
		d.add(2, 1, 'authority', '0002', '新建工作', true, false);
		d.add(3, 2, 'authority', '0003', '人事 ', true, false);
		d.add(4, 2, 'authority', '0004', '财务', false, false);
		d.add(5, 2, 'authority', '0005', '客服', false, false);
		d.add(15, 3, 'authority', '0006', '请假申请', false, false);
		d.add(16, 3, 'authority', '0007', '出差申请', false, false);
		d.add(17, 3, 'authority', '0008', '招聘申请', false, false);
		// dTree实例属性以此为:  节点ID,父类ID,chechbox的名称,chechbox的值,chechbox的显示名称,
		//chechbox是否被选中--默认是不选,chechbox是否可用:默认是可用,节点链接:默认是虚链接
		d.add(6, 0, 'authority', '0012', '一级菜单2 ', true, false);
		d.add(7, 6, 'authority', '0013', '二级菜单2 ', true, false);
		d.add(8, 7, 'authority', '0014', '用户管理 ', false, false);
		d.add(9, 7, 'authority', '0015', '用户组管理 ', false, false);
		d.add(11, 0, 'authority', '0016', '一级菜单3 ', true, false);
		d.add(12, 11, 'authority', '0017', '二级菜单3 ', true, false);
		d.add(13, 12, 'authority', '0018', '用户管理 ', false, false);
		d.add(14, 12, 'authority', '0019', '用户组管理 ', false, false);
		d.add(20, 0, 'authority', '0020', '测试', true, false);
		document.write(d);
		d.openAll();
	</script>
</div>
<div class="selectorResult">
	选择结果:
	<ul id="ulSelected">
		<!--<li id="user_2_1" uid="1" name="姓名" mytype="2">
			<div class="selectedUser" onmouseover="showRemove(this)" onmouseout="hideRemove(this)" onmousemove="setRemove(this,event)" onclick="doRemove(this,event);" style="cursor: pointer;">
				姓名
			</div>
		</li>-->
	</ul>
</div>   
<!--<div>
	<input type='button' name='bTest' value='test' onclick='test();'>
</div>-->
<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++;
		}
	}
}
//搜索节点并展开节点
function nodeSearching() {
	var dosearch = $.trim($("#dosearch_text").val());//获取要查询的文字
	var dtree_div = $("#dtree_div").find(".dtree_node").show().filter(":contains('" + dosearch + "')");//获取所有包含文本的节点
	$.each(dtree_div, function (index, element) {
		var s = $(element).attr("node_id");
		d.openTo(s);//根据id打开节点
	});
}
</script>
<script type="text/javascript">
//#region 页面执行入口
$(document).ready(function () {
	//#region 浏览器检测相关方法
	window["MzBrowser"] = {}; (function () {
		if (MzBrowser.platform) return;
		var ua = window.navigator.userAgent;
		MzBrowser.platform = window.navigator.platform;
		MzBrowser.firefox = ua.indexOf("Firefox") > 0;
		MzBrowser.opera = typeof (window.opera) == "object";
		MzBrowser.ie = !MzBrowser.opera && ua.indexOf("MSIE") > 0;
		MzBrowser.mozilla = window.navigator.product == "Gecko";
		MzBrowser.netscape = window.navigator.vendor == "Netscape";
		MzBrowser.safari = ua.indexOf("Safari") > -1;
		if (MzBrowser.firefox) var re = /Firefox(\s|\/)(\d+(\.\d+)?)/;
		else if (MzBrowser.ie) var re = /MSIE( )(\d+(\.\d+)?)/;
		else if (MzBrowser.opera) var re = /Opera(\s|\/)(\d+(\.\d+)?)/;
		else if (MzBrowser.netscape) var re = /Netscape(\s|\/)(\d+(\.\d+)?)/;
		else if (MzBrowser.safari) var re = /Version(\/)(\d+(\.\d+)?)/;
		else if (MzBrowser.mozilla) var re = /rv(\:)(\d+(\.\d+)?)/;
		if ("undefined" != typeof (re) && re.test(ua))
			MzBrowser.version = parseFloat(RegExp.$2);
	})();
});
//显示删除
function showRemove(obj) {
	$(obj).addClass("remove");
}
//隐藏删除
function hideRemove(obj) {
	$(obj).removeClass("remove");
}
//鼠标移动到删除图标,显示手(pointer)
function setRemove(obj, event) {
	var width = $(obj).width();
	var left = $(obj).position().left;
	var e = event || window.event;
	var x = IsIE(GetVersion()) ? e.x : e.pageX;
	if (x > left + width - 9) {
		$(obj).css("cursor", "pointer")
	} else {
		$(obj).css("cursor", "default")
	}
}
function GetVersion() { return MzBrowser.version; }
function GetName() {
	var name = "undefined";
	if (MzBrowser.ie) { name = "ie"; }
	else if (MzBrowser.firefox) { name = "firefox"; }
	else if (MzBrowser.safari) { name = "safari"; }
	return name;
}
function IsIE(versionValue) {
	if (versionValue == 11) {
		return IsIE11();
	}
	var name = GetName();
	var version = GetVersion();
	return name == 'ie' && parseInt(version) == versionValue;
}   
</script>


   
上一篇:jquery 商品轮番左右切换展示与商品尺码选择插件 下一篇:已经是最后一篇数据

网友评论:

评论

发表 剩余字数:20

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

@ 2013 xwcms.net . All Rights Reserved. xw素材网 | 备案号:晋ICP备13005902号 联系管理员
×

邮箱订阅

什么是邮箱订阅?

邮箱订阅是xw素材网为jquery爱好者与web程序员提供一项以邮箱的方式发送最新jquery资源与素材资源的模式,用户只需在左侧填写正确的邮箱用户名与邮箱地址我们将每天推荐最新优质资源到用户邮箱。当然每份邮箱都会有一个取消订阅按钮,当用户点击取消按钮时我们将会停止对用户发送邮箱资源推送。再次感谢大家对xw素材网的支持与关注。