ASP.Net/Components/Tree

Материал из .Net Framework эксперт
Перейти к: навигация, поиск

Add tree node (C#)

   <source lang="csharp">

<%@ 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">

   Select the Newsgroups which you 
   would like to join: 
   
   

   
   <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>    
   
   

   
   <asp:Button
       id="btnSubscribe"
       Text="Subscribe"
       OnClick="btnSubscribe_Click"
       Runat="server" />
   

   You selected:
   
   <asp:BulletedList
       id="bltSubscribed"
       EnableViewState="false"
       Runat="server" />
   

   </form>

</body> </html> 

      </source>


IE control treeview with link node (C#)

   <source lang="csharp">

<%@ 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.ruponentModel; 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.nfex.ru", "nfex.ru", "Page",  
         rootNode.Nodes);
       AddNode("http://www.google.ru", "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);
   }
 }

--%> 

      </source>


IE control tree with link node and frame control (C#)

   <source lang="csharp">

<%@ 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.ruponentModel; 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.ru", "Google", "Page", 
         rootNode.Nodes);
       AddNode("http://www.nfex.ru", "nfex.ru", "Page", rootNode.Nodes);
       AddNode("http://www.google.ru", "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);
   }
 }

--%> 

      </source>


On Tree Node Populate Event (C#)

   <source lang="csharp">

<%@ 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">

   <%=DateTime.Now.ToString("T") %>        
   

   <asp:TreeView 
       ID="TreeView1" 
       ExpandDepth="0"
       OnTreeNodePopulate="TreeView1_TreeNodePopulate" 
       Runat="server">
       <Nodes>
       <asp:TreeNode
           PopulateOnDemand="true"
           Text="Node 0" />
       </Nodes>
   </asp:TreeView>
   

   </form>

</body> </html> 

      </source>


On tree node selection changed event (C#)

   <source lang="csharp">

<%@ 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">
   

   <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>    

   You selected:
   <asp:Label
       id="lblMessage"
       EnableViewState="false"
       Runat="server" />

   </form>

</body> </html> 

      </source>


Setting Styles in a TreeView Control (VB.net)

   <source lang="csharp">

<%@ 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> 

      </source>


Static WebControls treeview (VB.net)

   <source lang="csharp">

<%@ 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"> <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> </Form> </BODY> </HTML> 

      </source>


TreeNode Collapses action (VB.net)

   <source lang="csharp">

<%@ 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>
<asp:Label 

   id="lblMessage"
   runat="server"
   FOnt-Bold="True"

/> </form> </BODY> </HTML> 

      </source>


TreeNode Expand action (VB.net)

   <source lang="csharp">

<%@ 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>
<asp:Label 

   id="lblMessage"
   runat="server"
   FOnt-Bold="True"

/> </form> </BODY> </HTML> 

      </source>


Tree Node selected event in a TreeView (VB.net)

   <source lang="csharp">

<%@ 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>
<asp:Label 

   id="lblMessage"
   runat="server"
   FOnt-Bold="True"

/> </form> </BODY> </HTML> 

      </source>


Tree node with hyper link (C#)

   <source lang="csharp">

<%@ 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">

   <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.nfex.ru" />
               <asp:TreeNode
                   Text="Second Product"
                   NavigateUrl="http://www.nfex.ru" />
           </asp:TreeNode>
           <asp:TreeNode
               Text="Services">
               <asp:TreeNode
                   Text="First Service"
                   NavigateUrl="http://www.nfex.ru" />
               <asp:TreeNode
                   Text="Second Service"
                   NavigateUrl="http://www.nfex.ru" />
           </asp:TreeNode>    
       </asp:TreeNode>    
       </Nodes>
   </asp:TreeView>    
   
   

   </form>

</body> </html> 

      </source>


Treeview and checkbox treenode (VB.net)

   <source lang="csharp">

<%@ 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> 

      </source>


Treeview image: XP file explore style (C#)

   <source lang="csharp">

<%@ 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">

   <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>    
   
   

   </form>

</body> </html> 

      </source>


Tree view node style (C#)

   <source lang="csharp">

<%@ 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">

   <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>    
   
   

   </form>

</body> </html> 

      </source>


Treeview with custom icon (VB.net)

   <source lang="csharp">

<%@ 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"> <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> </Form> </BODY> </HTML> 

      </source>


treeview with expand, collapse and change action (VB.net)

   <source lang="csharp">

<%@ 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"> <asp:Label 

   id="lblMessage"
   runat="server"

/>
<asp:Label 

   id="lblMessage2"
   runat="server"

/>

<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> </Form> </BODY> </HTML> 

      </source>


Treeview with navigational URL (VB.net)

   <source lang="csharp">

<%@ 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"> <asp:Label 

   id="lblMessage"
   runat="server"

/>
<asp:Label 

   id="lblMessage2"
   runat="server"

/>

<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&nbsp&nbsp&nbsp">
           <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> </Form> </BODY> </HTML> 

      </source>


Tree with style (C#)

   <source lang="csharp">

<%@ 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">

   <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>    
   
   

   </form>

</body> </html> 

      </source>


Using Images with TreeNode Controls in a TreeView Control (VB.net)

   <source lang="csharp">

<%@ 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> 

      </source>


Using Links with TreeNode Controls in a TreeView Control (VB.net)

   <source lang="csharp">

<%@ 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="nfex.ru"
           target="_blank"
           navigateurl="http://www.nfex.ru"
       />
       <IEControls:treenode 
           text="Yahoo"
           target="_blank"
           navigateurl="http://www.yahoo.ru"
       />
       <IEControls:treenode 
           text="Excite"
           target="_blank"
           navigateurl="http://www.excite.ru"
       />
   </IEControls:treenode>

</IEControls:treeview> </form> </BODY> </HTML> 

      </source>


Working with TreeNode Controls in a TreeView Control (VB.net)

   <source lang="csharp">

<%@ 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> 

      </source>
Источник — «http://www.nfex.ru/index.php?title=ASP.Net/Components/Tree&oldid=1935»