Scribd
Upload
281 views

Navigation Controls in ASP

Navigation controls in ASP.net include the TreeView, Menu, and SiteMapPath controls. These controls help navigate users through web pages by organizing links in a hierarchical structure. The TreeView control can generate navigation using the TreeView Node Editor, from XML data, or from the website sitemap data. It allows building hierarchical navigation by binding the control to a XML data source or web sitemap that defines the navigation structure and links.

Uploaded by

Pankaj Haldikar
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
281 views

Navigation Controls in ASP

Navigation controls in ASP.net include the TreeView, Menu, and SiteMapPath controls. These controls help navigate users through web pages by organizing links in a hierarchical structure. The TreeView control can generate navigation using the TreeView Node Editor, from XML data, or from the website sitemap data. It allows building hierarchical navigation by binding the control to a XML data source or web sitemap that defines the navigation structure and links.

Uploaded by

Pankaj Haldikar
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

Navigation controls in ASP.

net

Navigation controls are very important for websites.Navigation controls are basically
used to navigate the user through webpage .It is more helpful for making the navigation
of pages easier .There  are three controls in ASP.NET ,Which are used for Navigation on
the webpage.
1. TreeView control
2. Menu Control
3. SiteMapPath control

1. TreeView control

There are some types to generate navigation on webpage through TreeView control.

1. TreeView Node Editor dialog box


2. Generate TreeView based on XML Data
3. Generate TreeView based on Web.SiteMap data
4. Generate TreeView from Database.

1. TreeView Node Editor Dialog Box:-

2. Generate TreeView Based On XML Data

Step 1: Now First Add A Web Form And A XML File In Your


Solution Explorer-->Now Open The XML File And Write The
Following Codes As Shown Below-->Now Click Save.

<?xml version="1.0" encoding="utf-8" ?>


<application>
  <homepage title="Country" value="default.aspx">
    <page title ="INDIA" value="default.aspx">
    <subpage title ="up" value="default.aspx"/>
    <subpage title ="delhi" value="default.aspx"/>
    <subpage title ="mumbai" value="default.aspx"/>
    <subpage title ="kolkata" value="default.aspx"/>
    </page>
    <page title ="US" value="default.aspx"/>
    <page title ="CHNIA" value="default.aspx"/>
    <page title ="JAPAN" value="default.aspx"/>
    </homepage>
<homepage title=”Continent” value=”default.aspx”>
<page>
</homepage>
</application>

Build the solution


Step 2:Now Drag and drop TreeView control on the Web Form --> Now Choose
Data Source  from TreeView control-->Select New data source as shown below:

Step 3: select XML file as data source

Step 4: Now Browse your XML File as shown below-->OK

Step 5: Now click Edit TreeNode DataBindings..-->Select each page one by


one -->and click Add button -->set TextField =title from right side for each
page-->click Apply as sown below:
1.3 ) Generate TreeView Based On Sitemap Data:-

Step 1: First Add a Web Form and a SiteMap  in  Solution Explorer as shown
below-->Add

Step 2: Open web.sitemap file and write the following codes.which are given


below-->Save

<?xml version="1.0" encoding="utf-8" ?>


<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
    <siteMapNode url="default.aspx" title="Contury"  description="">
        <siteMapNode url="treeview1.aspx" title="India"  description="" />
        <siteMapNode url="menu.aspx" title="Us"  description="" />
      <siteMapNode url="menu1.aspx" title="China"  description="" />
    </siteMapNode>

</siteMap>

Step 3: Now drag and drop TreeView control on the Form-->Now choose Data
Source-->select New data source-->Select SiteMap as sown below:

You might also like