📄 defaultcs.aspx

📁 Telerik是很大的第三方软件制造商
💻 ASPX
字号:
<%@ Page AutoEventWireup="false" CodeBehind="DefaultCS.aspx.cs" Inherits="Telerik.TreeViewExamplesCSharp.WhatsNew.DefaultCS" Language="c#" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.QuickStart" Assembly="Telerik.QuickStart" %>
<%@ Register TagPrefix="telerik" TagName="Header" Src="~/Common/Header.ascx" %>
<%@ Register TagPrefix="telerik" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>
<%@ Register TagPrefix="telerik" TagName="Footer" Src="~/Common/Footer.ascx" %>
<%@ Register TagPrefix="radT" Namespace="Telerik.WebControls" Assembly="RadTreeView" %>
<!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>
		<!-- custom head section -->
		<style type="text/css">		
	
		.gridHeader 
		{ 
			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>
        <!-- end of custom head section -->
	</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">
			<!--
			//<![CDATA[

			function UpdateAllChildren(nodes, checked)
			{
				var i;
				for (i=0; i<nodes.length; i++)
				{
					checked ? nodes[i].Check() : nodes[i].UnCheck(); 
					if (nodes[i].Nodes.length > 0)
					{
						UpdateAllChildren(nodes[i].Nodes, checked);	
					}
				}
			}

			function CheckChildNodes(node)
			{
				UpdateAllChildren(node.Nodes, node.Checked);
			}

			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;
				}
				
				if (dest != 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;
				}
			}

			function ContextMenuClick(node, itemText)
			{
				if (itemText == "Disable")
				{
					node.Disable();
					return false;
				}
				if (itemText == "Enable All")
				{
					for (var i=0; i<node.TreeView.AllNodes.length; i++)
					{
						node.TreeView.AllNodes[i].Enable();
					}
				}
				if (itemText == "Edit")
				{		
					node.StartEdit();
				}
				
				return true;
			}

			//]]>
			// -->
			</script>
			<table class="module" style="PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; height: 1px;" cellspacing="6" cellpadding="0">
				<tr class="text">
					<td style="FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-BOTTOM: #e2e2e2 1px solid">RadTree1</td>
					<td style="FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-BOTTOM: #e2e2e2 1px solid">RadTree2</td>
					<td style="FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-BOTTOM: #e2e2e2 1px solid">Drag 
						&amp; Drop to Html Elements</td>
				</tr>
				<tr>
					<td valign="top">						
						<radt:radtreeview 
							id="RadTree1" 
							OnNodeEdit="HandleNodeEdit" 				
							AllowNodeEditing="True" 
							BeforeClientContextClick="ContextMenuClick" 
							SingleExpandPath="True" 
							AfterClientMove="ClientMove" 
							BeforeClientDrop="DropTest" 
							AfterClientCheck="CheckChildNodes" 
							MultipleSelect="True" 
							CheckBoxes="True" 
							ContextMenuContentFile="treeContextMenus.xml" 
							ContentFile="tree.xml" 
							Skin="ExampleSkins/ContextMenu" 
							ImagesBaseDir="~/TreeView/Img/Outlook"
							OnNodeContextClick="HandleContextClick"
							OnNodeDrop="HandleDrop"
							DragAndDrop="True"
							Height="220"
							Width="200"
							runat="server">
						</radt:radtreeview>						
					</td>
					<td valign="top">
						<radt:radtreeview 
							id="RadTree2"							
							OnNodeEdit="HandleNodeEdit" 
							AllowNodeEditing="True" 
							BeforeClientContextClick="ContextMenuClick" 
							SingleExpandPath="True" 
							AfterClientMove="ClientMove" 
							BeforeClientDrop="DropTest" 
							AfterClientCheck="CheckChildNodes" 
							MultipleSelect="True" 
							CheckBoxes="True" 
							ContextMenuContentFile="treeContextMenus.xml" 
							ContentFile="tree.xml" 
							Skin="ExampleSkins/ContextMenu" 
							ImagesBaseDir="~/TreeView/Img/Outlook" 
							OnNodeContextClick="HandleContextClick" 
							OnNodeDrop="HandleDrop" 
							DragAndDrop="True" 
							Height="220" 
							Width="200" 
							runat="server">
						</radt:radtreeview>
					</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 id="NodeText" Runat="server" Height="16px"></asp:textbox>
						<asp:button id="SubmitButton" Runat="server" Height="16px" cssclass="button" Text="PostBack"></asp:button>
						<br/>
						<br/>
						<asp:datagrid id="DataGrid1" Runat="server" cssclass="grid" width="90%" height="100px" gridlines="none">
							<itemstyle cssclass="griditems"></itemstyle>
							<headerstyle cssclass="gridHeader"></headerstyle>
						</asp:datagrid><asp:label id="DragMessage" Width="300px" Runat="server" CssClass="textr"></asp:label></td>	
				</tr>
			</table>
			<br/>
			<table class="module" cellspacing="3" cellpadding="0">
				<tr class="text">
					<td style="FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-BOTTOM: #e2e2e2 1px solid">
						Customize Appearance
					</td>
				</tr>
				<tr>
					<td class="text" valign="top" align="left">
						<table>
							<tr>
								<td><b>Skin:</b><br/>
									<asp:dropdownlist id="Skins" Runat="server" CssClass="text" OnSelectedIndexChanged="SwitchSkins" AutoPostBack="True">
										<asp:ListItem Selected="True" Value="Classic">Classic</asp:ListItem>
										<asp:ListItem Value="Color">Color</asp:ListItem>
										<asp:ListItem Value="Round/Classic">Round Classic</asp:ListItem>
										<asp:ListItem Value="Round/Blue">Round Blue</asp:ListItem>
										<asp:ListItem Value="Round/Green">Round Green</asp:ListItem>
										<asp:ListItem Value="Round/Orange">Round Orange</asp:ListItem>
										<asp:ListItem Value="Round/3DClassic">Round 3D Classic</asp:ListItem>
										<asp:ListItem Value="Round/3DBlue">Round 3D Blue</asp:ListItem>
										<asp:ListItem Value="Round/3DGreen">Round 3D Green</asp:ListItem>
										<asp:ListItem Value="Round/3DOrange">Round 3D Orange</asp:ListItem>
										<asp:ListItem Value="Emboss/Classic">Emboss Classic</asp:ListItem>
										<asp:ListItem Value="Emboss/Blue">Emboss Blue</asp:ListItem>
										<asp:ListItem Value="Emboss/Green">Emboss Green</asp:ListItem>
										<asp:ListItem Value="Emboss/Orange">Emboss Orange</asp:ListItem>
										<asp:ListItem Value="Square/3DClassic">Square Classic 3D</asp:ListItem>
										<asp:ListItem Value="Square/3DBlue">Square Blue 3D</asp:ListItem>
										<asp:ListItem Value="Square/3DGreen">Square Green 3D</asp:ListItem>
										<asp:ListItem Value="Square/3DOrange">Square Orange 3D</asp:ListItem>
									</asp:dropdownlist><br/>
								</td>								
							</tr>
							<tr>
								<td><asp:checkbox id="CheckBoxes" Runat="server" Text="Show Checkboxes" CssClass="text" AutoPostBack="True"></asp:checkbox><br/>
								</td>
							</tr>
							<tr>
								<td><asp:checkbox id="AutoCheckChildNodes" Runat="server" Text="Auto Check Child Nodes" CssClass="text" AutoPostBack="True"></asp:checkbox><br/>
								</td>								
							</tr>
							<tr>
								<td><asp:checkbox id="MultipleNodes" Runat="server" Text="Multiple Node Selection (hold Ctrl down)" CssClass="text" AutoPostBack="True"></asp:checkbox><br/>
								</td>								
							</tr>
							<tr>
								<td><asp:checkbox id="SingleExpandPath" Runat="server" Text="Single Expand Path" CssClass="text" AutoPostBack="True"></asp:checkbox><br/>
								</td>
								<td></td>
							</tr>
							<tr>
								<td><asp:checkbox id="DragAndDrop" Runat="server" Text="Drag &amp; Drop" CssClass="text" AutoPostBack="True"></asp:checkbox><br/>
								</td>
							</tr>
						</table>
					</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 + -