📄 jsxmltreecheckbox.aspx

📁 ASP动态树可以读取数据库,非常好用.希望大家踊跃下载.
💻 ASPX
字号:
<%@ Page language="c#" Codebehind="JSXMLTreeCheckBox.aspx.cs" AutoEventWireup="false" Inherits="JSXMLlTree.JSXMLTreeCheckBox" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
	<HEAD>
		<title>JSXMLTreeCheckBox</title>
		<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
		<meta content="C#" name="CODE_LANGUAGE">
		<meta content="JavaScript" name="vs_defaultClientScript">
		<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
	</HEAD>
	<body MS_POSITIONING="FlowLayout">
	    <link href="treeImgs/dhtmlXTree.css" rel="stylesheet" type="text/css" />
		 <script type="text/javascript" src="treeImgs/dhtmlXCommon.js"></script>
		 <script type="text/javascript" src="treeImgs/dhtmlXTree.js"></script>
		<form id="Form1" method="post" runat="server">
			<table>
				<tr>
					<td vAlign="top">
						<div id="treeboxbox_tree2" style="BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; OVERFLOW: auto; BORDER-LEFT: silver 1px solid; WIDTH: 250px; BORDER-BOTTOM: silver 1px solid; HEIGHT: 518px; BACKGROUND-COLOR: #f5f5f5"></div>
						<input onclick="savePowerTree()" type="button" value="保存">
					</td>
					</tr>
				<input id="txtItemIds" type="hidden" name="txtItemIds" runat="server">
			</table>
		</form>
		<script>

			
				var tree2=new dhtmlXTreeObject("treeboxbox_tree2","100%","100%",0);
				tree2.setImagePath("treeImgs/");
				tree2.enableCheckBoxes(1);
				tree2.enableThreeStateCheckboxes(true);
				tree2.loadXML("NodeManage.aspx?action=nodePowerShow");
				setTimeout("initChecked()",1000);

				
				function initChecked()
				{
					itemIds = document.getElementById("txtItemIds").value;
					if(itemIds.length>1)
					{
						var arrayItemId = itemIds.split(",");
						//alert(typeof(arrayItemId));
						for(var i=0 ;i<arrayItemId.length;i++)
						{
							tree2.setCheck(arrayItemId[i],true)
						}
					}
					
				}

				//保存树
				function savePowerTree()
				{
					//EmployeePowerTreeSave
					if(!confirm("确实保存吗?"))
						return false;
					document.getElementById("txtItemIds").value = tree2.getAllChecked()
					//服务器端保存,成功将返回0;
					if (window.XMLHttpRequest) { // Mozilla, Safari, ...
						http_request = new XMLHttpRequest();
					} else if (window.ActiveXObject) { // IE
						http_request = new ActiveXObject("Msxml2.XMLHTTP.3.0");
					}
					
					var nodeIds =document.getElementById("txtItemIds").value;
	
					var sendInfo = "nodeIds="+nodeIds;
					var linkurl="NodeManage.aspx?action=nodePowerSave";

					http_request.open("POST",linkurl,false);
					////不设置setRequestHeader，服务器端无法获得POST来的参数？
					http_request.setRequestHeader("Content-Type","application/x-www-form-urlencoded") 
					http_request.send(sendInfo);
					if( http_request.Status == 200 )
					{
						var returnInfo=http_request.responseXML;//服务器端需要指定response.setContentType("text/xml;charset=UTF-8");
						returnInfo = returnInfo.getElementsByTagName("IsOk")[0].firstChild.nodeValue;

						if(returnInfo !=1)
						{
							alert("服务器端保存失败");
						}
						else
						{
							alert("服务器端保存成功");
						}
					}

				}

		</script>
	</body>
</HTML>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -