defaultvb.aspx

来自「Telerik是很大的第三方软件制造商」· ASPX 代码 · 共 118 行

ASPX
118
字号
<%@ Page AutoEventWireup="false" CodeBehind="DefaultVB.aspx.vb" Inherits="Telerik.TreeViewExamplesVBNET.Templates.DefaultVB" Language="vb" %>
<%@ 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>
		<style>
		.inner {
			height: 108px;
			width: 100%;
			padding-top: 20px;
			padding-left: 10px;
		}
		
		.tableTreeNode
		{
			display:inline;
			background-repeat: repeat-x;
			background-position:left top;
			width:500px;
			height:27px;
		}
		
		HTML > BODY .tableTreeNode
		{
			background-image:none;
			height:1px;
		}
		
		</style>		
	</head>
	<body class="BODY">
		<form runat="server" id="mainForm" method="post" style="width:100%;">
			<telerik:Header runat="server" ID="Header1" NavigationLanguage="VB" XhtmlCompliant="False"></telerik:Header>
			<!-- content start -->
			<script type="text/javascript">			
				
				function ClientClick(node)
				{
					var spanElement = document.getElementById("nodeInfo");						
					
					var text = "Text: " + node.Attributes.CustomText + "<BR>";
					text += "Image: " + node.Attributes.CustomImage + "<BR>";
					
					spanElement.innerHTML = text;
				}
				
			</script>
			
			<table width="98%">
				<tr>
					<td><b>RadTree1</b></td>
					<td><b>Current Node Info:</b></td>
				</tr>
				<tr>
					<td valign="top">
						<radT:RadTreeView 
							ID="RadTree1" 
							runat="server" 
							Width="500px" 
							Skin="Round/3DClassic"
							ShowLineImages="false"
							ExpandDelay="0"
							BeforeClientClick="ClientClick" style="border:6px solid #f6f6f6;overflow-x: hidden;">
							<NodeTemplate>
								<table style="display:inline;" width="500" height="27" cellspacing="0" cellpadding="0" border="0" background="Images/<%# DataBinder.Eval(Container.DataItem, "Attributes['CustomImage']")  %>" class="tableTreeNode">
									<tr>
										<td style="padding: 0px 10px;"><%# DataBinder.Eval(Container.DataItem, "Attributes['column1']")  %></td>
										<td><%# DataBinder.Eval(Container.DataItem, "Attributes['column2']")  %></td>
										<td><%# DataBinder.Eval(Container.DataItem, "Attributes['column3']")  %></td>
									</tr>
								</table>
							</NodeTemplate>
							<Nodes>
								<radt:RadTreeNode column1="Apartments" CustomImage="level1Bg.gif">
									<Nodes>
									      
									       <radt:RadTreeNode column1="River Lake Road" CustomImage="level2Bg.gif" />	
									       <radt:RadTreeNode column1="Home Bay Road" CustomImage="level2Bg.gif">
											<Nodes>
												<radt:RadTreeNode column2="<div class='inner'><table border='0' cellpadding='0' cellspacing='0' width='60%'><tr><td><img src='Images/pic1.gif' alt=''></td><td valign='top'><br>BedRooms:<br>Bathrooms:<br>Extras:<td><td valign='top'><br>2<br>1<br> Patio<td></tr></table></div>" CustomImage="level3Bg.gif" />
											</Nodes>
										   </radt:RadTreeNode>
									</Nodes>
								</radt:RadTreeNode>
								<radt:RadTreeNode column1="Villas" CustomImage="level1Bg.gif">
									<Nodes>
										   <radt:RadTreeNode column1="France" CustomImage="level2Bg.gif">
										   <Nodes>
												<radt:RadTreeNode column2="<div class='inner'><table border='0' cellpadding='0' cellspacing='0' width='60%'><tr><td><img src='Images/pic3.gif' alt=''></td><td valign='top'><br>Area:<br>Bathrooms:<br>Extras:<td><td valign='top'><br>200 sq.m.<br>2<br>Air Conditioning, Security, Broadband<td></tr></table></div>" CustomImage="level3Bg.gif" />
											</Nodes>
										   </radt:RadTreeNode>
									       <radt:RadTreeNode column1="Brazil" CustomImage="level2Bg.gif" />
									</Nodes>
								</radt:RadTreeNode>
								<radt:RadTreeNode column1="Condos" CustomImage="level1Bg.gif">
								<Nodes>
												<radt:RadTreeNode column2="<div class='inner'><table border='0' cellpadding='0' cellspacing='0' width='60%'><tr><td><img src='Images/pic2.gif' alt=''></td><td valign='top'><br>BedRooms:<br>Bathrooms:<br>Extras:<td><td valign='top'><br>3<br>3<br>Swimming Pool, Patio<td></tr></table></div>" CustomImage="level3Bg.gif" ></radt:RadTreeNode>
											</Nodes>
								</radt:RadTreeNode>
							</Nodes>
						</radT:RadTreeView>						
					</td>
					<td valign="top">
						<span id="nodeInfo"></span>
					</td>
				</tr>
			</table>
			
			<!-- content end -->
			<telerik:Footer runat="server" ID="Footer1"></telerik:Footer>
		</form>
	</body>
</html>

⌨️ 快捷键说明

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