Codango: ASP.NET Code Snippet

ASP

JSP

Share The Love

You are 1 of 8 Active ASP.NET Visitors

ASP.NET Home | Resources | Write a Review | My Favor-Its | Login

Tree viewCode Snippet

Read Reviews | Report Errors

[+][+]

1
Reviews

1
Favor-It

This is simple Tree view. You dont need any other third party controls.It is customizable. This Tree view control enables you get customised tree view without use of any other third party controls.The images can be customisable as wella s XML file Code: ASP.NET v2.0 & VB


		Code Snippet

Code Written By: Rajesh Toleti from www.tarya.com

***************ASPX file*************

<%@ Page Language="VB" Debug="True"%>
<%@ Register Tagprefix="Rcntrl" Tagname="Tree" Src="TreeView.ascx"%>

<html>
  <head>
    <title>Tree view</title>
     </head>
  <body>
  
    <form id="Form1" method="post" runat="server">
    
   <Rcntrl:Tree Id=mytree1 
            expandimg="expand.gif" 
            expandedimg="expanded.gif" 
            arrowImg="cornerarrow.gif"
            rootName="Root"
            xmlFile="tree.xml"
            xmlNodename="Branch"
            urlNode="url"
            Runat=server />

    </form>
    <!-- arrowImg,rootName,urlNode are the optional properties>
  </body>
</html>


*******************Treeview.ascx****************
<%@ Import Namespace="System.Data" %>
<Script Runat=Server>
Public expandImg,expandedImg,arrowImg,xmlFile,xmlNodename,urlNode,rootName as string

Sub Page_load
 If Not Page.IsPostBack Then
	expand.imageurl=expandimg
 End if
 lblrootName.Text=rootName
End Sub
Sub Btn_click(sender As Object, e As ImageClickEventArgs)
leaves()
If expand.imageurl=expandImg then
expand.imageurl=expandedImg
else
expand.imageurl=expandImg
end if
End Sub 

Sub leaves
Dim dstbrnchs As DataSet

dstbrnchs=New DataSet()
dstbrnchs.ReadXML(MapPath(xmlFile))

If urlNode="" then
	rptr.datasource=dstbrnchs
	rptr.DataBind()
		if (rptr.visible=false) Then
			rptr.visible=true
			else
			rptr.visible=false
		end if

else
	rptrurl.datasource=dstbrnchs
	rptrurl.DataBind()
		if (rptrurl.visible=false) Then
				rptrurl.visible=true
				else
				rptrurl.visible=false
		end if
end if


End Sub
</Script>
<asp:ImageButton  alt="Expand for Resrvation Numbers"   id="expand"  commandname=root OnClick="Btn_click" border="0"  runat=server />
 <asp:label id=lblrootName runat=server/>

<asp:Repeater id=rptrurl visible=false runat=server>
<itemtemplate> <br>
<%If arrowImg<>"" Then%>
<Img name=dircting src=<%=arrowImg%> >
<%end if%>
<a href=<%# DataBinder.Eval(Container.DataItem,urlNode)%>><%# DataBinder.Eval(Container.DataItem,xmlNodename)%></a>
</itemtemplate>
</asp:Repeater>

<asp:Repeater id=rptr visible=false runat=server>
<itemtemplate> <br>
<%If arrowImg<>"" Then%>
<Img name=dircting src=<%=arrowImg%> >
<%end if%>
<%# DataBinder.Eval(Container.DataItem,xmlNodename)%>
</itemtemplate>
</asp:Repeater>
***************XML File***************
<Root>
<Tree>
	<Branch>
	node1
	</Branch>
	<url>
        http://www.yahoo.com
	</url>
</Tree>
<Tree>
	<Branch>
	node2
	</Branch>
	<url>
       http://www.hotmail.com
	</url>
</Tree>
<Tree>
	<Branch>
	node3
	</Branch>
	<url>
       http://www.google.com
	</url>
</Tree>
<Tree>
	<Branch>
	node4
	</Branch>
	<url>
       http://www.tarya.com
	</url>
</Tree>
</Root>



*************EXPLANATION********

This Tree view control enables you get customised tree view without use of any other third party controls.
 For a single root you have to add add the following code.(You have to add more controls if you want more root elements)
<Rcntrl:Tree Id=mytree1 
            expandimg="expand.gif" 
            expandedimg="expanded.gif" 
            arrowImg="cornerarrow.gif"
            rootName="Root"
            xmlFile="tree.xml"
            xmlNodename="Branch"
            urlNode="url"
            Runat=server />

The root element should be specified by rootName. All your nodes should be placed in side Branch tag in XML file. If you need to specify url put  your urls inside url tag in XML file. 
You can customise XML file by changing Branch tag, url tags but they should be same in Control elements XMLNodename,urlNode

To use the code above, click and drag your mouse over the code to highlight it. Then right click on the highlighted code and click "Copy." Now you may paste it into your code editor.

Submit Your Own Code to Codango


Link to Us \| About Us		Advertise \| Contact Us \| Website Help
Write a User Review Today! Its Fun, Fast, and Easy!	Codango Home \| PHP \| ASP.NET \| ASP \| JSP Advertise With Us \| About Us \| Terms of Use \| Privacy Policy


� 2013 ezd.com, All rights reserved