📄 defaultcs.aspx

📁 Telerik是很大的第三方软件制造商
💻 ASPX
字号:
<%@ Register TagPrefix="radT" Namespace="Telerik.WebControls" Assembly="RadTreeView" %>
<%@ Register TagPrefix="telerik" TagName="Footer" Src="~/Common/Footer.ascx" %>
<%@ Register TagPrefix="telerik" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>
<%@ Register TagPrefix="telerik" TagName="Header" Src="~/Common/Header.ascx" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.QuickStart" Assembly="Telerik.QuickStart" %>
<%@ Page AutoEventWireup="false" CodeBehind="DefaultCS.aspx.cs" Inherits="Telerik.TreeViewExamplesCSharp.DragAndDropToHtmlElement.DefaultCS" Language="c#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
  <head>
		<telerik:HeadTag runat="server" ID="Headtag1"></telerik:HeadTag>
		<style type="text/css">
			.gridHeader { FONT-WEIGHT: bold; HEIGHT: 32px; BACKGROUND-COLOR: #e6e9de }
			.griditems { BACKGROUND-COLOR: #f4f4f4 }
			.grid { BORDER-RIGHT: #c6c6c6 1px solid; BORDER-TOP: #c6c6c6 1px solid; BORDER-LEFT: #c6c6c6 1px solid; BORDER-BOTTOM: #c6c6c6 1px solid }
		</style>
	</head>
	<body class="BODY">
		<form runat="server" id="mainForm" method="post" style="WIDTH:100%">
			<telerik:Header runat="server" ID="Header1" NavigationLanguage="C#"></telerik:Header>
			<!-- content start -->
			<script type="text/javascript">			
			
			var grid = null;
			function IsMouseOverGrid(events)
			{
				var target = (document.all) ? events.srcElement : events.target;
				parentNode = target;
				while (parentNode != null)
				{					
					if (parentNode.id == "<%= DataGrid1.ClientID %>")
					{
						return parentNode;
					}
					parentNode = parentNode.parentNode;
				}
				
				return null;
			}

			function DropTest(source, dest, events)
			{	
				var target = (document.all) ? events.srcElement : events.target;	
				if (target.tagName == "INPUT")
				{
					target.style.cursor = "default";
					target.value = source.Text;		
					return false;
				}	
				
				if (grid != null)
				{
					source.TreeView.HtmlElementID = "Grid";		
					grid.style.cursor = "default";
					grid = null;
					return true;
				}
					
				return false;
			}

			function ClientMove(events)
			{
				var target = (document.all) ? events.srcElement : events.target;	
				if (target.tagName == "INPUT")
				{		
					target.style.cursor = "hand";
				}
				
				var dummy = IsMouseOverGrid(events)
				if (dummy != null)
				{
					grid = dummy;	
					grid.style.cursor = "hand";
				}
				else
				{
					grid = null;
				}
			}
			</script>
			
			<input type="hidden" id="prompt_result" runat="server" NAME="prompt_result">
			<table cellspacing="6" cellpadding="0" class="module" style="PADDING-RIGHT:3px;PADDING-LEFT:3px;PADDING-BOTTOM:3px;PADDING-TOP:3px; height: 1px;">
				<tr class="text">
					<td colspan="3" >Drag a tree-node to any Html Element:</td>
				</tr>
				<tr>
					<td valign="top">
						<radT:RadTreeView 
							ID="RadTree1" 
							Runat="server" 
							Width="200" 
							Height="350" 
							DragAndDrop="True" 
							OnNodeDrop="HandleDrop" 
							ImagesBaseDir="~/TreeView/Img/WindowsXP" 
							ContentFile="tree.xml" 
							BeforeClientDrop="DropTest" 
							AfterClientMove="ClientMove" />
					</td>
					<td valign="top">
						Drag &amp; Drop a node from the treeview on the textbox, on the button, or in 
						the datagrid:<br/>
						<br/>
						<asp:TextBox Runat="server" ID="NodeText"></asp:TextBox>
						<asp:Button Runat="server" ID="SubmitButton" Text="PostBack" cssclass="button"></asp:Button>
						<br/>
						<br/>
						<asp:Label CssClass="textr" Runat="server" ID="DragMessage" Width="300px"></asp:Label>
						<br/>
						<br/>
						<br/>
						<asp:DataGrid Runat="server" ID="DataGrid1" gridlines="none" cssclass="grid" height="100px" width="90%">
							<itemstyle cssclass="griditems"></itemstyle>
							<headerstyle cssclass="gridHeader"></headerstyle>
						</asp:DataGrid>
					</td>
				</tr>
			</table>
			<!-- content end -->
			<telerik:Footer runat="server" ID="Footer1"></telerik:Footer>
		</form>
	</body>
</html>
⌨️ 快捷键说明

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