Asp-Net Components : Tree
- On tree node selection changed event (C#)
- IE control tree with link node and frame control (C#)
- IE control treeview with link node (C#)
- Tree with style (C#)
- Static WebControls treeview (VB.net)
- Treeview with custom icon (VB.net)
- treeview with expand, collapse and change action (VB.net)
- Treeview with navigational URL (VB.net)
- Working with TreeNode Controls in a TreeView Control (VB.net)
- Setting Styles in a TreeView Control (VB.net)
- Tree Node selected event in a TreeView (VB.net)
- Using Links with TreeNode Controls in a TreeView Control (VB.net)
- Using Images with TreeNode Controls in a TreeView Control (VB.net)
- TreeNode Expand action (VB.net)
- TreeNode Collapses action (VB.net)
- Treeview and checkbox treenode (VB.net)
- On Tree Node Populate Event (C#)
- Add tree node (C#)
- Tree node with hyper link (C#)
- Treeview image: XP file explore style (C#)
- Tree view node style (C#)
On tree node selection changed event (C#)
<%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <script runat="server"> protected void TreeView1_SelectedNodeChanged(object sender, EventArgs e) { lblMessage.Text = TreeView1.SelectedValue; } </script> <html xmlns="http://www.w3.org/1999/xhtml" > <head id="Head1" runat="server"> <style type="text/css"> html { background-color:silver; } .content { float:left; width:350px; height:500px; padding:20px; margin:10px; background-color:white; } </style> <title>TreeView Value</title> </head> <body> <form id="form1" runat="server"> <div class="content"> <asp:TreeView id="TreeView1" OnSelectedNodeChanged="TreeView1_SelectedNodeChanged" Runat="server" > <Nodes> <asp:TreeNode Text="Home" Value="Home"> <asp:TreeNode Text="Products"> <asp:TreeNode Text="First Product" Value="FirstProduct" /> <asp:TreeNode Text="Second Product" Value="SecondProduct" /> </asp:TreeNode> <asp:TreeNode Text="Services"> <asp:TreeNode Text="First Service" Value="FirstService" /> <asp:TreeNode Text="Second Service" Value="SecondService" /> </asp:TreeNode> </asp:TreeNode> </Nodes> </asp:TreeView> </div> <div class="content"> You selected: <asp:Label id="lblMessage" EnableViewState="false" Runat="server" /> </div> </form> </body> </html>
IE control tree with link node and frame control (C#)
<%@ Page language="c#" src="TreeFrame.aspx.cs" AutoEventWireup="false" Inherits="TreeFrame" %> <%@ Register TagPrefix="iewc" Namespace="Microsoft.Web.UI.WebControls" Assembly="Microsoft.Web.UI.WebControls" %> <HTML> <body> <form id="Form1" method="post" runat="server"> <iewc:TreeView id="TreeView1" style="Z-INDEX: 101; LEFT: 8px; POSITION: absolute; TOP: 8px" runat="server" Width="228px" Height="363px" AutoPostBack="True" BorderStyle="None" BorderWidth="2px" Indent="15"> <iewc:TreeNodeType ImageUrl="folder.gif" Type="Folder"></iewc:TreeNodeType> <iewc:TreeNodeType ImageUrl="page.gif" Type="Page"></iewc:TreeNodeType> </iewc:TreeView> <asp:Label id="Label1" style="Z-INDEX: 102; LEFT: 20px; POSITION: absolute; TOP: 264px" runat="server" Height="80px" Width="102px">Note: None of the links under My Site will work, because these pages do not exist.</asp:Label> </form> </body> </HTML> <%-- using System; using System.Collections; using System.ComponentModel; using System.Data; using System.Drawing; using System.Web; using System.Web.SessionState; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.HtmlControls; using Microsoft.Web.UI.WebControls; public class TreeFrame : System.Web.UI.Page { protected System.Web.UI.WebControls.Label Label1; protected Microsoft.Web.UI.WebControls.TreeView TreeView1; private void Page_Load(object sender, System.EventArgs e) { if (!this.IsPostBack) { Microsoft.Web.UI.WebControls.TreeNode rootNode; rootNode = AddNode("default.aspx", "My Site", "Folder", TreeView1.Nodes); AddNode("info.aspx", "Contact Page", "Page", rootNode.Nodes) ; rootNode.Expanded = true; rootNode = AddNode("links.aspx", "Links", "Folder", TreeView1.Nodes); AddNode("http://www.google.com", "Google", "Page", rootNode.Nodes); AddNode("http://www.java2s.com", "java2s.com", "Page", rootNode.Nodes); AddNode("http://www.google.com", "Google", "Page", rootNode.Nodes); rootNode.Expanded = true; } } private Microsoft.Web.UI.WebControls.TreeNode AddNode(string id, string text, string type, Microsoft.Web.UI.WebControls.TreeNodeCollection nodeCollection) { Microsoft.Web.UI.WebControls.TreeNode node = new Microsoft.Web.UI.WebControls.TreeNode(); node.Text = text; node.Type = type; node.ID = id; nodeCollection.Add(node); return node; } #region Web Form Designer generated code override protected void OnInit(EventArgs e) { // // CODEGEN: This call is required by the ASP.NET Web Form Designer. // InitializeComponent(); base.OnInit(e); } /// <summary> /// Required method for Designer support - do not modify /// the contents of this method with the code editor. /// </summary> private void InitializeComponent() { this.TreeView1.SelectedIndexChange += new Microsoft.Web.UI.WebControls.SelectEventHandler(this.TreeView1_SelectedIndexChange); this.Load += new System.EventHandler(this.Page_Load); } #endregion private void TreeView1_SelectedIndexChange(object sender, Microsoft.Web.UI.WebControls.TreeViewSelectEventArgs e) { Microsoft.Web.UI.WebControls.TreeNode selectedNode = TreeView1.GetNodeFromIndex(e.NewNode); string url = selectedNode.ID; // Use JavaScript to trigger the redirect in the other window. string frameScript = "<script language='javascript'>" + "window.parent.frames(1).location='" + url + "';" + "</script>"; Page.RegisterStartupScript("FrameScript", frameScript); } } --%>
IE control treeview with link node (C#)
<%@ Register TagPrefix="iewc" Namespace="Microsoft.Web.UI.WebControls" Assembly="Microsoft.Web.UI.WebControls" %> <%@ Page language="c#" src="TreeViewTest.aspx.cs" AutoEventWireup="false" Inherits="TreeViewTest" %> <HTML> <body MS_POSITIONING="GridLayout"> <form id="Form1" method="post" runat="server"> <asp:Label id="Label1" style="Z-INDEX: 102; LEFT: 20px; POSITION: absolute; TOP: 264px" runat="server" Height="80px" Width="316px">Note: None of the links under My Site will work, because these pages do not exist.</asp:Label> <iewc:TreeView id="TreeView1" style="Z-INDEX: 103; LEFT: 16px; POSITION: absolute; TOP: 12px" runat="server" Height="252px" Width="356px" AutoPostBack="True"></iewc:TreeView> </form> </body> </HTML> <%-- using System; using System.Collections; using System.ComponentModel; using System.Data; using System.Drawing; using System.Web; using System.Web.SessionState; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.HtmlControls; using Microsoft.Web.UI.WebControls; public class TreeViewTest : System.Web.UI.Page { protected System.Web.UI.WebControls.Label Label1; protected Microsoft.Web.UI.WebControls.TreeView TreeView1; private void Page_Load(object sender, System.EventArgs e) { if (!this.IsPostBack) { Microsoft.Web.UI.WebControls.TreeNode rootNode; rootNode = AddNode("default.aspx", "My Site", "Folder", TreeView1.Nodes); AddNode("info.aspx", "Contact Page", "Page", rootNode.Nodes) ; rootNode.Expanded = true; rootNode = AddNode("links.aspx", "Links", "Folder", TreeView1.Nodes); AddNode("http://www.java2s.com", "java2s.com", "Page", rootNode.Nodes); AddNode("http://www.google.com", "Google", "Page", rootNode.Nodes); rootNode.Expanded = true; } } private Microsoft.Web.UI.WebControls.TreeNode AddNode(string id, string text, string type, Microsoft.Web.UI.WebControls.TreeNodeCollection nodeCollection) { Microsoft.Web.UI.WebControls.TreeNode node = new Microsoft.Web.UI.WebControls.TreeNode(); node.Text = text; node.Type = type; node.ID = id; nodeCollection.Add(node); return node; } #region Web Form Designer generated code override protected void OnInit(EventArgs e) { // // CODEGEN: This call is required by the ASP.NET Web Form Designer. // InitializeComponent(); base.OnInit(e); } /// <summary> /// Required method for Designer support - do not modify /// the contents of this method with the code editor. /// </summary> private void InitializeComponent() { this.TreeView1.SelectedIndexChange += new Microsoft.Web.UI.WebControls.SelectEventHandler(this.TreeView1_SelectedIndexChange); this.Load += new System.EventHandler(this.Page_Load); } #endregion private void TreeView1_SelectedIndexChange(object sender, Microsoft.Web.UI.WebControls.TreeViewSelectEventArgs e) { Microsoft.Web.UI.WebControls.TreeNode selectedNode = TreeView1.GetNodeFromIndex(e.NewNode); Response.Redirect(selectedNode.ID); } } --%>
Tree with style (C#)
<%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head id="Head1" runat="server"> <style type="text/css"> .treeNode { color:blue; font:14px Arial, Sans-Serif; } .rootNode { font-size:18px; width:100%; border-bottom:Solid 1px black; } .leafNode { border:Dotted 2px black; padding:4px; background-color:#eeeeee; font-weight:bold; } </style> <title>TreeView Styles</title> </head> <body> <form id="form1" runat="server"> <div> <asp:TreeView id="TreeView1" NodeStyle-CssClass="treeNode" RootNodeStyle-CssClass="rootNode" LeafNodeStyle-CssClass="leafNode" Runat="server"> <Nodes> <asp:TreeNode Text="Home"> <asp:TreeNode Text="Products"> <asp:TreeNode Text="First Product" /> <asp:TreeNode Text="Second Product" /> </asp:TreeNode> <asp:TreeNode Text="Services"> <asp:TreeNode Text="First Service" /> <asp:TreeNode Text="Second Service" /> </asp:TreeNode> </asp:TreeNode> </Nodes> </asp:TreeView> </div> </form> </body> </html>
Static WebControls treeview (VB.net)
<%@ Page Language=VB Debug=true %> <%@ Import Namespace="Microsoft.Web.UI.WebControls" %> <%@ Register TagPrefix="IEControls" Namespace="Microsoft.Web.UI.WebControls" Assembly ="Microsoft.Web.UI.WebControls" %> <HTML> <HEAD> <TITLE>TreeView 1 Control Sample Page</TITLE> </HEAD> <BODY> <form runat="server"> <Font Face="Tahoma"> <IEControls:treeview id="MyTree1" AutoSelect="False" ShowPlus="True" ExpandLevel=2 runat="server"> <IEControls:treenode Text="A"> <IEControls:treenode Text="A1"/> <IEControls:treenode Text="A2"/> <IEControls:treenode Text="A3"> <IEControls:treenode Text="A31"/> <IEControls:treenode Text="A32"/> <IEControls:treenode Text="A33"/> </IEControls:treenode> </IEControls:treenode> <IEControls:treenode Text="B"> <IEControls:treenode Text="B1"/> <IEControls:treenode Text="B2"/> <IEControls:treenode Text="B3"/> <IEControls:treenode Text="B4"/> </IEControls:treenode> </IEControls:treeview> </Font> </Form> </BODY> </HTML>
Treeview with custom icon (VB.net)
<%@ Page Language=VB Debug=true %> <%@ Import Namespace="Microsoft.Web.UI.WebControls" %> <%@ Register TagPrefix="IEControls" Namespace="Microsoft.Web.UI.WebControls" Assembly ="Microsoft.Web.UI.WebControls" %> <HTML> <HEAD> <TITLE>TreeView 2 Control Sample Page</TITLE> </HEAD> <BODY > <form runat="server"> <Font Face="Tahoma"> <IEControls:treeview id="MyTree2" AutoSelect="True" ExpandLevel=0 ImageURL="3.ico" ExpandedImageURL="Smile.ico" SelectedImageURL="4.ico" ShowLines="False" Indent="40" runat="server"> <IEControls:treenode Text="A"> <IEControls:treenode Text="A1"/> <IEControls:treenode Text="A2"/> <IEControls:treenode Text="A3"> <IEControls:treenode Text="A31"/> <IEControls:treenode Text="A32"/> <IEControls:treenode Text="A33"/> </IEControls:treenode> </IEControls:treenode> <IEControls:treenode Text="B"> <IEControls:treenode Text="B1"/> <IEControls:treenode Text="B2"/> <IEControls:treenode Text="B3"/> <IEControls:treenode Text="B4"/> </IEControls:treenode> </IEControls:treeview> </Font> </Form> </BODY> </HTML>
treeview with expand, collapse and change action (VB.net)
<%@ Page Language=VB Debug=true %> <%@ Import Namespace="Microsoft.Web.UI.WebControls" %> <%@ Register TagPrefix="IEControls" Namespace="Microsoft.Web.UI.WebControls" Assembly ="Microsoft.Web.UI.WebControls" %> <script runat=server> Sub TreeChange(ByVal Sender as Object, _ ByVal E as TreeViewSelectEventArgs) lblMessage.Text = "You selected node " & E.NewNode.ToString() _ & " and moved from node " & E.OldNode.ToString() & "." End Sub Sub TreeExpand(ByVal Sender as Object, _ ByVal E as TreeViewClickEventArgs) lblMessage2.Text = "You expanded node " _ & E.Node.ToString() & "." End Sub Sub TreeCollapse(ByVal Sender as Object, _ ByVal E as TreeViewClickEventArgs) lblMessage2.Text = "You collapsed node " _ & E.Node.ToString() & "." End Sub </SCRIPT> <HTML> <HEAD> <TITLE>TreeView 3 Control Sample Page</TITLE> </HEAD> <BODY> <form runat="server"> <Font Face="Tahoma"> <asp:Label id="lblMessage" runat="server" /> <BR> <asp:Label id="lblMessage2" runat="server" /> <BR><BR> <IEControls:treeview id="MyTree3" onSelectedIndexChanged="TreeChange" onexpand="TreeExpand" oncollapse="TreeCollapse" AutoPostBack="True" BackColor="LightYellow" BorderStyle=9 BorderWidth=3 BorderColor="DarkBlue" runat="server"> <IEControls:treenode Text="A"> <IEControls:treenode Text="A1"/> <IEControls:treenode Text="A2"/> <IEControls:treenode Text="A3"> <IEControls:treenode Text="A31"/> <IEControls:treenode Text="A32"/> <IEControls:treenode Text="A33"/> </IEControls:treenode> </IEControls:treenode> <IEControls:treenode Text="B"> <IEControls:treenode Text="B1"/> <IEControls:treenode Text="B2"/> <IEControls:treenode Text="B3"/> <IEControls:treenode Text="B4"/> </IEControls:treenode> </IEControls:treeview> </Font> </Form> </BODY> </HTML>
Treeview with navigational URL (VB.net)
<%@ Page Language=VB Debug=true %> <%@ Import Namespace="Microsoft.Web.UI.WebControls" %> <%@ Register TagPrefix="IEControls" Namespace="Microsoft.Web.UI.WebControls" Assembly ="Microsoft.Web.UI.WebControls" %> <script runat=server> Sub TreeChange(ByVal Sender as Object, _ ByVal E as TreeViewSelectEventArgs) lblMessage.Text = "You selected node " & E.NewNode.ToString() _ & " and moved from node " & E.OldNode.ToString() & "." End Sub Sub TreeExpand(ByVal Sender as Object, _ ByVal E as TreeViewClickEventArgs) lblMessage2.Text = "You expanded node " _ & E.Node.ToString() & "." End Sub Sub TreeCollapse(ByVal Sender as Object, _ ByVal E as TreeViewClickEventArgs) lblMessage2.Text = "You collapsed node " _ & E.Node.ToString() & "." End Sub </SCRIPT> <HTML> <HEAD> <TITLE>TreeView 4 Control Sample Page</TITLE> </HEAD> <BODY> <form runat="server"> <Font Face="Tahoma"> <asp:Label id="lblMessage" runat="server" /> <BR> <asp:Label id="lblMessage2" runat="server" /> <BR><BR> <IEControls:treeview id="MyTree4" onSelectedIndexChanged="TreeChange" onexpand="TreeExpand" oncollapse="TreeCollapse" AutoPostBack="True" BackColor="LightYellow" BorderStyle=9 BorderWidth=3 BorderColor="DarkBlue" runat="server"> <IEControls:treenode Text="Clothing"> <IEControls:treenode Text="Men's" Target="New" NavigateURL="./department.aspx?ID=2" /> <IEControls:treenode Text="Women's" Target="New" NavigateURL="./department.aspx?ID=3" /> <IEControls:treenode Text="Children's   "> <IEControls:treenode CheckBox=True Text="Socks" /> <IEControls:treenode CheckBox=True Text="Shirts" /> <IEControls:treenode CheckBox=True Text="Pants" Checked /> </IEControls:treenode> </IEControls:treenode> <IEControls:treenode Text="Electronics"> <IEControls:treenode CheckBox=True Text="Audio" /> <IEControls:treenode CheckBox=True Text="TV/VCR" /> <IEControls:treenode CheckBox=True Text="Computers" /> </IEControls:treenode> </IEControls:treeview> </Font> </Form> </BODY> </HTML>
Working with TreeNode Controls in a TreeView Control (VB.net)
<%@ Page Language=VB Debug=true %> <%@ Import Namespace="Microsoft.Web.UI.WebControls" %> <%@ Register TagPrefix="IEControls" Namespace="Microsoft.Web.UI.WebControls" Assembly ="Microsoft.Web.UI.WebControls" %> <HTML> <HEAD> <TITLE>Working with TreeNode Controls in a TreeView Control</TITLE> </HEAD> <BODY LEFTMARGIN="40"> <form runat="server"> <IEControls:treeview id="tvBasic" autoselect="False" showplus="True" showlines="True" expandlevel=2 runat="server"> <IEControls:treenode Text="Clothing"> <IEControls:treenode Text="A"/> <IEControls:treenode Text="B"/> <IEControls:treenode Text="C"> <IEControls:treenode Text="a"/> <IEControls:treenode Text="b"/> <IEControls:treenode Text="c"/> </IEControls:treenode> </IEControls:treenode> <IEControls:treenode Text="Electronics"> <IEControls:treenode Text="A"/> <IEControls:treenode Text="B"/> <IEControls:treenode Text="C"/> <IEControls:treenode Text="D"/> </IEControls:treenode> </IEControls:treeview> </form> </BODY> </HTML>
Setting Styles in a TreeView Control (VB.net)
<%@ Page Language=VB Debug=true %> <%@ Import Namespace="Microsoft.Web.UI.WebControls" %> <%@ Register TagPrefix="IEControls" Namespace="Microsoft.Web.UI.WebControls" Assembly ="Microsoft.Web.UI.WebControls" %> <script runat=server> Sub Page_Load(ByVal Sender as Object, ByVal E as EventArgs) End Sub Sub SubmitBtn_Click(Sender As Object, E As EventArgs) End Sub </SCRIPT> <HTML> <HEAD> <TITLE>Setting Styles in a TreeView Control</TITLE> </HEAD> <BODY LEFTMARGIN="40"> <form runat="server"> <IEControls:treeview id="tvBasic" defaultstyle="color:darkblue;background-color:pink; font-family:Arial" selectedstyle="color:red;background-color:purple; font-family:Arial" hoverstyle="color:green;background-color:yellow;font-family: Comic Sans MS" runat="server"> <IEControls:treenode Text="Clothing"> <IEControls:treenode Text="Men's"/> <IEControls:treenode Text="Women's"/> <IEControls:treenode Text="Children's"> <IEControls:treenode Text="Socks"/> <IEControls:treenode Text="Shirts"/> <IEControls:treenode Text="Pants"/> </IEControls:treenode> </IEControls:treenode> <IEControls:treenode Text="Electronics"> <IEControls:treenode Text="TV/VCR"/> <IEControls:treenode Text="Audio"/> <IEControls:treenode Text="Car"/> <IEControls:treenode Text="Computer"/> </IEControls:treenode> </IEControls:treeview> </form> </BODY> </HTML>
Tree Node selected event in a TreeView (VB.net)
<%@ Page Language=VB Debug=true %> <%@ Import Namespace="Microsoft.Web.UI.WebControls" %> <%@ Register TagPrefix="IEControls" Namespace="Microsoft.Web.UI.WebControls" Assembly ="Microsoft.Web.UI.WebControls" %> <script runat=server> Sub Node_Selected(ByVal Sender as Object, _ ByVal E as TreeViewSelectEventArgs) lblMessage.Text = "You selected node " & E.NewNode.ToString() _ & " and moved from node " & E.OldNode.ToString() & "." End Sub </SCRIPT> <HTML> <HEAD> <TITLE>Writing Code that Fires When a TreeNode Control in a TreeView Control is Selected</TITLE> </HEAD> <BODY LEFTMARGIN="40"> <form runat="server"> <IEControls:treeview id="tvBasic" onselectedindexchange="Node_Selected" autopostback="True" runat="server"> <IEControls:treenode Text="Clothing"> <IEControls:treenode Text="Men's"/> <IEControls:treenode Text="Women's"/> <IEControls:treenode Text="Children's"> <IEControls:treenode Text="Socks"/> <IEControls:treenode Text="Shirts"/> <IEControls:treenode Text="Pants"/> </IEControls:treenode> </IEControls:treenode> <IEControls:treenode Text="Electronics"> <IEControls:treenode Text="TV/VCR"/> <IEControls:treenode Text="Audio"/> <IEControls:treenode Text="Car"/> <IEControls:treenode Text="Computer"/> </IEControls:treenode> </IEControls:treeview> <BR> <asp:Label id="lblMessage" runat="server" FOnt-Bold="True" /> </form> </BODY> </HTML>
Using Links with TreeNode Controls in a TreeView Control (VB.net)
<%@ Page Language=VB Debug=true %> <%@ Import Namespace="Microsoft.Web.UI.WebControls" %> <%@ Register TagPrefix="IEControls" Namespace="Microsoft.Web.UI.WebControls" Assembly ="Microsoft.Web.UI.WebControls" %> <HTML> <HEAD> <TITLE>Using Links with TreeNode Controls in a TreeView Control</TITLE> </HEAD> <BODY LEFTMARGIN="40"> <form runat="server"> <IEControls:treeview id="tvBasic" autoselect="False" showplus="True" showlines="True" expandlevel=2 runat="server"> <IEControls:treenode Text="Search Engines"> <IEControls:treenode text="Java2s.com" target="_blank" navigateurl="http://www.java2s.com" /> <IEControls:treenode text="Yahoo" target="_blank" navigateurl="http://www.yahoo.com" /> <IEControls:treenode text="Excite" target="_blank" navigateurl="http://www.excite.com" /> </IEControls:treenode> </IEControls:treeview> </form> </BODY> </HTML>
Using Images with TreeNode Controls in a TreeView Control (VB.net)
<%@ Page Language=VB Debug=true %> <%@ Import Namespace="Microsoft.Web.UI.WebControls" %> <%@ Register TagPrefix="IEControls" Namespace="Microsoft.Web.UI.WebControls" Assembly ="Microsoft.Web.UI.WebControls" %> <HTML> <HEAD> <TITLE>Using Images with TreeNode Controls in a TreeView Control</TITLE> </HEAD> <BODY LEFTMARGIN="40"> <form runat="server"> <IEControls:treeview id="tvBasic" runat="server" imageurl="3.ico" expandedimageurl="Smile.ico" selectedimageurl="4.ico" > <IEControls:treenode Text="Clothing"> <IEControls:treenode Text="Men's"/> <IEControls:treenode Text="Women's"/> <IEControls:treenode Text="Children's"> <IEControls:treenode Text="Socks"/> <IEControls:treenode Text="Shirts"/> <IEControls:treenode Text="Pants"/> </IEControls:treenode> </IEControls:treenode> <IEControls:treenode Text="Electronics"> <IEControls:treenode Text="TV/VCR"/> <IEControls:treenode Text="Audio"/> <IEControls:treenode Text="Car"/> <IEControls:treenode Text="Computer"/> </IEControls:treenode> </IEControls:treeview> </form> </BODY> </HTML>
TreeNode Expand action (VB.net)
<%@ Page Language=VB Debug=true %> <%@ Import Namespace="Microsoft.Web.UI.WebControls" %> <%@ Register TagPrefix="IEControls" Namespace="Microsoft.Web.UI.WebControls" Assembly ="Microsoft.Web.UI.WebControls" %> <script runat=server> Sub Node_Expand(ByVal Sender as Object, _ ByVal E as TreeViewClickEventArgs) lblMessage.Text = "You expanded node " _ & E.Node.ToString() & "." End Sub </SCRIPT> <HTML> <HEAD> <TITLE>Writing Code that Fires When a TreeNode Expands</TITLE> </HEAD> <BODY LEFTMARGIN="40"> <form runat="server"> <IEControls:treeview id="tvBasic" onexpand="Node_Expand" autopostback="True" runat="server"> <IEControls:treenode Text="Clothing"> <IEControls:treenode Text="Men's"/> <IEControls:treenode Text="Women's"/> <IEControls:treenode Text="Children's"> <IEControls:treenode Text="Socks"/> <IEControls:treenode Text="Shirts"/> <IEControls:treenode Text="Pants"/> </IEControls:treenode> </IEControls:treenode> <IEControls:treenode Text="Electronics"> <IEControls:treenode Text="TV/VCR"/> <IEControls:treenode Text="Audio"/> <IEControls:treenode Text="Car"/> <IEControls:treenode Text="Computer"/> </IEControls:treenode> </IEControls:treeview> <BR> <asp:Label id="lblMessage" runat="server" FOnt-Bold="True" /> </form> </BODY> </HTML>
TreeNode Collapses action (VB.net)
<%@ Page Language=VB Debug=true %> <%@ Import Namespace="Microsoft.Web.UI.WebControls" %> <%@ Register TagPrefix="IEControls" Namespace="Microsoft.Web.UI.WebControls" Assembly ="Microsoft.Web.UI.WebControls" %> <script runat=server> Sub Node_Collapse(ByVal Sender as Object, _ ByVal E as TreeViewClickEventArgs) lblMessage.Text = "You collapse node " _ & E.Node.ToString() & "." End Sub </SCRIPT> <HTML> <HEAD> <TITLE>Writing Code that Fires When a TreeNode Collapses</TITLE> </HEAD> <BODY LEFTMARGIN="40"> <form runat="server"> <IEControls:treeview id="tvBasic" oncollapse="Node_Collapse" autopostback="True" runat="server"> <IEControls:treenode Text="Clothing"> <IEControls:treenode Text="Men's"/> <IEControls:treenode Text="Women's"/> <IEControls:treenode Text="Children's"> <IEControls:treenode Text="Socks"/> <IEControls:treenode Text="Shirts"/> <IEControls:treenode Text="Pants"/> </IEControls:treenode> </IEControls:treenode> <IEControls:treenode Text="Electronics"> <IEControls:treenode Text="TV/VCR"/> <IEControls:treenode Text="Audio"/> <IEControls:treenode Text="Car"/> <IEControls:treenode Text="Computer"/> </IEControls:treenode> </IEControls:treeview> <BR> <asp:Label id="lblMessage" runat="server" FOnt-Bold="True" /> </form> </BODY> </HTML>
Treeview and checkbox treenode (VB.net)
<%@ Page Language=VB Debug=true %> <%@ Import Namespace="Microsoft.Web.UI.WebControls" %> <%@ Register TagPrefix="IEControls" Namespace="Microsoft.Web.UI.WebControls" Assembly ="Microsoft.Web.UI.WebControls" %> <HTML> <HEAD> <TITLE>Working with TreeNode Controls in a TreeView Control</TITLE> </HEAD> <BODY LEFTMARGIN="40"> <form runat="server"> <IEControls:treeview id="tvBasic" autoselect="True" runat="server"> <IEControls:treenode text="Electronics"> <IEControls:treenode text="A" checkbox="True"/> <IEControls:treenode text="B" checkbox="True"/> <IEControls:treenode Checked text="C" checkbox="True"/> <IEControls:treenode text="D" checkbox="True"/> </IEControls:treenode> </IEControls:treeview> </form> </BODY> </HTML>
On Tree Node Populate Event (C#)
<%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <script runat="server"> void TreeView1_TreeNodePopulate(object s, TreeNodeEventArgs e) { for (int i=0;i<5;i++) { TreeNode newNode = new TreeNode(); newNode.Text = String.Format("{0}.{1}", e.Node.Text, i); newNode.PopulateOnDemand = true; e.Node.ChildNodes.Add(newNode); } } </script> <html xmlns="http://www.w3.org/1999/xhtml" > <head id="Head1" runat="server"> <title>TreeView Populate On Demand</title> </head> <body> <form id="form1" runat="server"> <div> <%=DateTime.Now.ToString("T") %> <hr /> <asp:TreeView ID="TreeView1" ExpandDepth="0" OnTreeNodePopulate="TreeView1_TreeNodePopulate" Runat="server"> <Nodes> <asp:TreeNode PopulateOnDemand="true" Text="Node 0" /> </Nodes> </asp:TreeView> </div> </form> </body> </html>
Add tree node (C#)
<%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <script runat="server"> protected void btnSubscribe_Click(object sender, EventArgs e) { foreach (TreeNode node in TreeView1.CheckedNodes) bltSubscribed.Items.Add(node.Text); } </script> <html xmlns="http://www.w3.org/1999/xhtml" > <head id="Head1" runat="server"> <title>TreeView CheckBoxes</title> </head> <body> <form id="form1" runat="server"> <div> Select the Newsgroups which you would like to join: <br /> <asp:TreeView id="TreeView1" ShowCheckBoxes="Leaf" Runat="server"> <Nodes> <asp:TreeNode Text="Programming"> <asp:TreeNode Text="ASP.NET" /> <asp:TreeNode Text="JAVA" /> <asp:TreeNode Text="Cold Fusion" /> </asp:TreeNode> <asp:TreeNode Text="Sports"> <asp:TreeNode Text="Baseball" /> <asp:TreeNode Text="Hockey" /> <asp:TreeNode Text="Football" /> </asp:TreeNode> </Nodes> </asp:TreeView> <br /> <asp:Button id="btnSubscribe" Text="Subscribe" OnClick="btnSubscribe_Click" Runat="server" /> <hr /> You selected: <asp:BulletedList id="bltSubscribed" EnableViewState="false" Runat="server" /> </div> </form> </body> </html>
Tree node with hyper link (C#)
<%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head id="Head1" runat="server"> <title>TreeView Declare</title> </head> <body> <form id="form1" runat="server"> <div> <asp:TreeView id="TreeView1" Runat="server"> <Nodes> <asp:TreeNode Text="Home" NavigateUrl="~/Default.aspx"> <asp:TreeNode Text="Products"> <asp:TreeNode Text="First Product" NavigateUrl="http://www.java2s.com" /> <asp:TreeNode Text="Second Product" NavigateUrl="http://www.java2s.com" /> </asp:TreeNode> <asp:TreeNode Text="Services"> <asp:TreeNode Text="First Service" NavigateUrl="http://www.java2s.com" /> <asp:TreeNode Text="Second Service" NavigateUrl="http://www.java2s.com" /> </asp:TreeNode> </asp:TreeNode> </Nodes> </asp:TreeView> </div> </form> </body> </html>
Treeview image: XP file explore style (C#)
<%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head id="Head1" runat="server"> <title>TreeView ImageSet</title> </head> <body> <form id="form1" runat="server"> <div> <asp:TreeView id="TreeView1" ImageSet="XPFileExplorer" ShowLines="true" Runat="server"> <Nodes> <asp:TreeNode Text="Home"> <asp:TreeNode Text="Products"> <asp:TreeNode Text="First Product" /> <asp:TreeNode Text="Second Product" /> </asp:TreeNode> <asp:TreeNode Text="Services"> <asp:TreeNode Text="First Service" /> <asp:TreeNode Text="Second Service" /> </asp:TreeNode> </asp:TreeNode> </Nodes> </asp:TreeView> </div> </form> </body> </html>
Tree view node style (C#)
<%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head id="Head1" runat="server"> <style type="text/css"> .nodeLevel1 { font:40px Arial,Sans-Serif; } .nodeLevel2 { font:20px Arial,Sans-Serif; } .nodeLevel3 { font:10px Arial,Sans-Serif; } </style> <title>TreeView Level Styles</title> </head> <body> <form id="form1" runat="server"> <div> <asp:TreeView id="TreeView1" Runat="server"> <LevelStyles> <asp:TreeNodeStyle CssClass="nodeLevel1" /> <asp:TreeNodeStyle CssClass="nodeLevel2" /> <asp:TreeNodeStyle CssClass="nodeLevel3" /> </LevelStyles> <Nodes> <asp:TreeNode Text="Home"> <asp:TreeNode Text="Products"> <asp:TreeNode Text="First Product" /> <asp:TreeNode Text="Second Product" /> </asp:TreeNode> <asp:TreeNode Text="Services"> <asp:TreeNode Text="First Service" /> <asp:TreeNode Text="Second Service" /> </asp:TreeNode> </asp:TreeNode> </Nodes> </asp:TreeView> </div> </form> </body> </html>