Click here to Skip to main content
15,892,199 members
Articles / Web Development / ASP.NET

TreeWeb - custom ASP.NET control

Rate me:
Please Sign up or sign in to vote.
4.83/5 (67 votes)
2 Mar 20035 min read 365.3K   9.3K   188  
A tree control that can be used in every website based on ASP.NET.
<%@ Register TagPrefix="iiuga" Namespace="iiuga.Web.UI" Assembly="TreeWebControl" %>
<%@ Page language="c#" Codebehind="SampleTreeWeb3_Left.aspx.cs" AutoEventWireup="false" Inherits="TreeWebTest.SampleTreeWeb3_Left_aspx" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
	<HEAD>
		<title>SampleTreeWeb3_Left</title>
		<meta name="GENERATOR" Content="Microsoft Visual Studio 7.0">
		<meta name="CODE_LANGUAGE" Content="C#">
		<meta name="vs_defaultClientScript" content="JavaScript">
		<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
		<link href="TreeWebTest.css" rel="stylesheet">
		<style>
		A
		{
		text-decoration: none;
		}
		</style>
	</HEAD>
	<body bgcolor="#ffffff" MS_POSITIONING="GridLayout" link="#000000" alink="#000000" vlink="#000000">
		<form id="SampleTreeWeb3_Left" method="post" runat="server">
			<iiuga:treeweb id="_treeWeb" runat="server" CollapsedElementImage="./Images/ElementYellowRight.jpg" ExpandedElementImage="./Images/ElementYellowDown.jpg" DefaultElementCssClass="Sample3_ElementDefault">
				<ImageList>
					<iiuga:ElementImage ImageUrl="./images/ListenRadio.gif"></iiuga:ElementImage>
				</ImageList>
				<Elements>
					<iiuga:treeelement text="Your Online Radio Stations" CssClass="Sample3_Header"></iiuga:treeelement>
					<iiuga:treeelement text="Classic Rock & Oldie" ToolTip="Classic Rock & Oldie" CssClass="Sample3_ElementNode">
						<Elements>
							<iiuga:treeelement text="All Rock" ImageIndex="0" ToolTip="All Rock" NavigateURL="javascript: alert('All Rock');" CssClass="Sample3_ElementItem"></iiuga:treeelement>
							<iiuga:treeelement text="Classic Rock" ImageIndex="0" ToolTip="Classic Rock" NavigateURL="javascript: alert('Classic Rock');" CssClass="Sample3_ElementItem"></iiuga:treeelement>
							<iiuga:treeelement text="Elvis Rocks!" ImageIndex="0" ToolTip="Elvis Rocks!" NavigateURL="javascript: alert('Elvis Rocks!');" CssClass="Sample3_ElementItem"></iiuga:treeelement>
							<iiuga:treeelement text="Oldies" ImageIndex="0" ToolTip="Oldies" NavigateURL="javascript: alert('Oldies');" CssClass="Sample3_ElementItem"></iiuga:treeelement>
						</Elements>
					</iiuga:treeelement>
					<iiuga:treeelement text="Classical" ToolTip="Classical" CssClass="Sample3_ElementNode">
						<Elements>
							<iiuga:treeelement text="20th Century" ImageIndex="0" ToolTip="20th Century" CssClass="Sample3_ElementItem"></iiuga:treeelement>
							<iiuga:treeelement text="Opera" ImageIndex="0" ToolTip="Opera" CssClass="Sample3_ElementItem"></iiuga:treeelement>
							<iiuga:treeelement text="Top Classical" ImageIndex="0" ToolTip="Top Classical" CssClass="Sample3_ElementItem"></iiuga:treeelement>
						</Elements>
					</iiuga:treeelement>
					<iiuga:treeelement text="Country & Folk" ToolTip="Country & Folk" CssClass="Sample3_ElementNode">
						<Elements>
							<iiuga:treeelement text="Country" ImageIndex="0" ToolTip="Country" CssClass="Sample3_ElementItem"></iiuga:treeelement>
							<iiuga:treeelement text="Folk" ImageIndex="0" ToolTip="Folk" CssClass="Sample3_ElementItem"></iiuga:treeelement>
						</Elements>
					</iiuga:treeelement>
					<iiuga:treeelement text="Dance & Electronica" ToolTip="Dance & Electronica" CssClass="Sample3_ElementNode">
						<Elements>
							<iiuga:treeelement text="Ambient" ImageIndex="0" ToolTip="Ambient" CssClass="Sample3_ElementItem"></iiuga:treeelement>
							<iiuga:treeelement text="Bee Gees" ImageIndex="0" ToolTip="Bee Gees" CssClass="Sample3_ElementItem"></iiuga:treeelement>
							<iiuga:treeelement text="Disco" ImageIndex="0" ToolTip="Disco" CssClass="Sample3_ElementItem"></iiuga:treeelement>
							<iiuga:treeelement text="Electronica" ImageIndex="0" ToolTip="Electronica" CssClass="Sample3_ElementItem"></iiuga:treeelement>
						</Elements>
					</iiuga:treeelement>
					<iiuga:treeelement text="Jazz & Blues" ToolTip="Jazz & Blues" CssClass="Sample3_ElementNode">
						<Elements>
							<iiuga:treeelement text="Jazz" ImageIndex="0" ToolTip="Jazz" CssClass="Sample3_ElementItem"></iiuga:treeelement>
							<iiuga:treeelement text="Blues" ImageIndex="0" ToolTip="Blues" CssClass="Sample3_ElementItem"></iiuga:treeelement>
						</Elements>
					</iiuga:treeelement>
				</Elements>
			</iiuga:treeweb>
		</form>
	</body>
</HTML>

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here


Written By
Web Developer
Germany Germany
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions