📄 jsxmltreeleft.aspx

📁 ASP动态树可以读取数据库,非常好用.希望大家踊跃下载.
💻 ASPX
字号:
<%@ Page language="c#" Codebehind="JSXMLTreeLeft.aspx.cs" AutoEventWireup="false" Inherits="JSXMLlTree.JSXMLTreeLeft" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
	<HEAD>
		<title>JSXMLTreeLeft</title>
		<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
		<meta name="CODE_LANGUAGE" Content="C#">
		<meta name="vs_defaultClientScript" content="JavaScript">
		<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
		<style>
		body {font-size:12px}
		.{font-family:arial;font-size:12px}
		h1 {cursor:hand;font-size:16px;margin-left:10px;line-height:10px}
		xmp {color:green;font-size:12px;margin:0px;font-family:courier;background-color:#e6e6fa;padding:2px}
		</style>
		
	</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>

     <table>

		
        <tr>
            <td valign="top">
                <div id="treeboxbox_tree2" style="width: 250; height: 518; background-color: #f5f5f5;
                    border: 1px solid Silver; overflow: auto;">
                </div>
            </td>
            </tr>
          
    </table>
    <hr>


    <script>

			var tree2=new dhtmlXTreeObject("treeboxbox_tree2","100%","100%",0);
			tree2.setImagePath("treeImgs/");

			tree2.loadXML("NodeManage.aspx?action=nodeShow");

			function myDragHandler(idFrom,idTo){
				//if we return false then drag&drop be aborted
				return true;
			}
    </script>

	<script>
		function newNode()
		{
		    var winMain = parent.main;
			var txtItemParentId = tree2.getSelectedItemId()//winMain.document.getElementById("txtItemParentId").value;
			var txtItemId = winMain.document.getElementById("txtItemId").value;
			var txtItemName = winMain.document.getElementById("txtItemName").value;
			var txtItemUrl = winMain.document.getElementById("txtItemUrl").value;
			var txtItemUrlTarget = winMain.document.getElementById("txtItemUrlTarget").value;
			//var txtItemId = winMain.document.getElementById("txtItemId");
			if(txtItemId.length <=0 || txtItemParentId.length<=0)
			{
				alert("部门ID为空,无法增加");
				return false;
			}
			//var d=new Date(); 
			//alert(d.valueOf());
			//tree2.insertNewItem(tree2.getSelectedItemId(),d.valueOf(),txtItem.value,"",null,0,0,0,0,'SELECT'); 
			//fixImage(d.valueOf());
			//parentId,itemId,itemText,itemUrl,itemTarget,itemActionHandler,image1,image2,image3,optionStr,childs
			tree2.insertNewItem(txtItemParentId,txtItemId,txtItemName,txtItemUrl,txtItemUrlTarget,null,0,0,0,0,'SELECT'); 
			fixImage(txtItemId);
		}

		function deleteNode()
		{
			tree2.deleteItem(tree2.getSelectedItemId(),true);
		}

		//add new item
		function fixImage(id){
			switch(tree2.getLevel(id)){
			case 1:
			tree2.setItemImage2(id,'folderClosed.gif','folderClosed.gif','folderClosed.gif');  //folderOpen
				break;
			case 2:
			tree2.setItemImage2(id,'folderClosed.gif','folderOpen.gif','folderClosed.gif');			
				break;
			case 3:
			tree2.setItemImage2(id,'folderClosed.gif','folderOpen.gif','folderClosed.gif');			
				break;			
			default:
			tree2.setItemImage2(id,'folderClosed.gif','folderClosed.gif','folderClosed.gif');			
				break;
			}
		}
	</script>
	</body>
</HTML>
⌨️ 快捷键说明

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