NavigationBar Data Binding with XML|UI Control for ASP.NET AJAX, C#, VB.NET

Data Binding NavigationBar to an XML in ASP.NET

Home > How to > NavigationBar Binding XML Data

Apart from the ability to bind navigationbar to table-based data source, thePerNavigationBar control also allows users to bind navigationbar to hierarchical data source component, like XmlDataSource. In this navigationbar data binding article, we will discuss two commonly-used XML-related data binding applications, which are navigationbar data binding from XML data source and navigationbar data binding from XML file.

Data Binding from XML Data Source

Following are the general steps that are involved in the application of binding navigationbar to xml data source in ASP.NET web application using the PerNavigationBar control.

Click the PerNavigationBar Smart Tag "Choose Data Source" | "<New Data Source>".
From the "Choose a data source type" page of the wizard select "XML File" and click "OK".
Use the Browse button to locate and select the XML file. Click OK.
Add following C# code.

PerNavigationBar1.DataSourceID = "XmlDataSource2";
PerNavigationBar1.DataBind();

Data Binding from XML File

In this section, we will talk the situation of binding navigationbar to xml file in ASP.NET web application. Following C# code is used to bind navigation to target xml file.

PerNavigationBar1.LoadContentFile("panelbar.xml");

Add following xml file.

<?xml version="1.0" encoding="utf-8" ?>
<NavigationBar>
  <Item Text="Container Controls" Expanded="True">
    <Item Text="PerDock"></Item>
    <Item Text="PerToolTip"></Item>
    <Item Text="PerWindow"> </Item>
  </Item>
  <Item Text="Data Controls">
    <Item Text="PerDataPager"></Item>
    <Item Text="PerDataGridView"></Item>
    <Item Text="PerDropDownTree"></Item>
    <Item Text="PerListView"></Item>
    <Item Text="PerTileList"></Item>
    <Item Text="PerTreeList"></Item>
  </Item>
</NavigationBar>

Similarly, here we attach an image which represents the result of above C# programming navigationbar to xml file data binding application.

Note: In order to let you run the PerNavigationBar control successfully in your web application, please make sure that your ASP.NET web application has installed NET Framework 3.5 or above versions and that you have installed all the necessary dlls from our ASP.NET AJAX SDK into your ASP.NET web application.

Related NavigationBar Data Binding Tutorials

Apart from the function to bind navigationbar to the xml data source, the PerNavigationBar Control also allows users to bind the navigationbar to other data types, like

ASP.NET AJAX UI Controls

ASP.NET AJAX Chart UI Control ASP.NET AJAX Grid UI Control ASP.NET AJAX Barcode UI Control ASP.NET AJAX Button UI Control ASP.NET AJAX Calendar UI Control

ASP.NET AJAX NavigationBar UI Control

Overview Getting Started Elements Templates Features

Data Binding

ObjectDataSource Data Database Data

XML Data

Client Prpgramming

Item Event

Server Programming