.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
 
Sign In
Register
 
Win Surprise Gifts!!!
Congratulations!!!


Top 5 Contributors of the Month
david stephan

Home >> Articles >> ASP.NET >> Post New Resource Bookmark and Share   

 Subscribe to Articles

Beginner guide to TreeView Control in ASP.NET

Posted By:Nikhil Kumar       Posted Date: January 13, 2010    Points: 25    Category: ASP.NET    URL: http://www.dotnetspark.com  

TreeView control is very useful in asp.net these are use in the left side or right side in the web site, by Tree View control you can navigate from one page to another page.
 

Tree \View Control in ASP.NET

Here i will show you step by step procedure how to use TreeView Control in ASP.NET in visual studio 2005 / 2008

Tree View control is very useful in asp.net these are use in the left side or right side in the web site, by Tree View control you can navigate from one page to another page.

Here I am using Visual Studio 2008 but there is no condition you can use Visual Studio 2005 also.
So follow these steps to create Tree View Control

The Steps are:

1- Start -> All Programs -> Visual Studio 2005 or Visual Studio 2008

2- Now go to File Menu -> New -> Web Site

3- Under Visual Studio Installed Template-> Choose ASP.NET WEB SITE -> Choose File System from the location combo box -> Set the path by the browse button - > Choose the language from the Language ComboBox (Visual C# , Visual Basic , J #)
Choose Visual C#

4 - Click on the OK Button:-

First you have to learn XML and HTML to work with ASP .NET_

I have used to make the text as comment this is the way to make comment in this code .


This is the Source Code window and in this page you will se this code.

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>



Type your webpage title here  




See here is a tab named Design in the bottom of this page

5- Click on this tab and you will see a blank web page where you can drag any control from the toolbox (which is in the left side of this window)
Open Web.config file and write true in place of false, See
 

6- Drag a Menu Control from the navigation control tab

7-Now go in solution explorer and right click on the website and choose Add new item, choose Add new item, select site Map .

8- Now open your site Map file and type this code .



  
  
  
  
  
  
  
  
  
  


9- In Design mode select menu control and click on the arrow (seems when you move cursor on menu control)
Choose Data Source -> choose XML or Site Map Data Source
 Ok

10 - Now run your web site by Ctrl + F5

OUT PUT


11-Tree View Control will seems like this.



12- Close web browser

13-Close visual studio

Thanks!
--Nikhil Kumar

 Subscribe to Articles

     

Further Readings:

Responses

No response found. Be the first to respond this post

Post Comment

You must Sign In To post reply
Find More Articles on C#, ASP.Net, Vb.Net, SQL Server and more Here

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend