Telerik is a leading vendor of ASP.NET AJAX, ASP.NET MVC, Silverlight, WinForms and WPF controls and components, as well as .NET Reporting, .NET ORM , .NET CMS, Code Analysis, Mocking, Team Productivity and Automated Testing Tools. Building on its expertise in interface development and Microsoft technologies, Telerik helps customers build applications with unparalleled richness, responsiveness and interactivity. Telerik products help thousands of companies to be more productive and deliver reliable applications under budget and on time.
Version Q1 2012 released 04/11/2012
select

PanelBar / Hierarchical Data Binding


  • RadPanelBar fully supports binding to a wide range of datasources:

    • DataSet, DataTable, DataView
    • ASP 2.0 DataSource types including
      • Hierarchical DataSource components
      • Table-based DataSource components
      • ObjectDataSource
    • Any object that implements the IEnumerable interface   

    Below are the properties and methods related to data binding:

    DataSource - Set to an instance of your data source. This is mandatory when binding the RadPanelBar at runtime
    DataSourceID - Set to the ID of your data source. This is mandatory when binding the RadPanelBar declaratively
    DataMember - If the data source is a DataSet and DataMember is set, then the RadPanelBar is bound to the DataTable with the respective name in the DataSet. If DataMember is not set, the RadPanelBar is bound to the first DataTable in the DataSet
    DataFieldID - This is the field name from the data source used to uniquely identify each row. This field is required when binding to hierarchical data
    DataFieldParentID - This is the field name from the data source used to identify the row for the parent item. This field is required when binding to hierarchical data
    DataTextField - This is the field name from the data source that populates each item's Text property during binding
    DataValueField - This is the field name from the data source that populates each item's Value property during binding
    DataNavigateUrlField - This is the field name from the data source that populates each item's NavigateUrlField property during binding
    DataBind - Call this method after you have set the aforementioned properties when binding at runtime. This method is mandatory for binding at runtime
    MaxDataBindDepth - This property is used to determine the binding depth. If for example you want to bind only the first two levels of the panelbar, you should set this property to 2. The default value of the MaxDataBindDepth property is -1, which means that all items will be bound. Marking the panelbar instance with MaxDataBindDepth="0" will NOT bind any items.
    AppendDataBoundItems - If you bind the panelbar using the DataBind method, all panel items are automatically cleared. Setting AppendDataBoundItems to True preserves the items that are already present in the panelbar. This lets you bind RadPanelBar to multiple data sources or use both unbound and bound modes.

    If the data source contains fields that map to other properties of panel items or to custom attributes, use the ItemDataBound event to set those values:

    [C#]
    protected void RadPanelBar1_ItemDataBound(object sender,
    Telerik.Web.UI.RadPanelBarEventArgs e)
    {
    e.Item.ToolTip ="Read more about " +
    (string) DataBinder.Eval(e.Item.DataItem, "Text");
    }


    [VB]
    Protected Sub RadPanelBar1_ItemDataBound(ByVal sender As Object, _
    ByVal e As Telerik.Web.UI.RadPanelBarEventArgs) Handles RadPanelBar1.ItemDataBound
    e.Item.ToolTip = "Read more about " + _
    CStr(DataBinder.Eval(e.Item.DataItem, "Text"))
    End Sub

Source Code

C# VB.NET
Show code in new window Demo isolation steps
  • <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

    <%@ Page Language="c#" CodeFile="DefaultCS.aspx.cs" AutoEventWireup="true" Inherits="Telerik.Web.Examples.PanelBar.PoupulatingWithData.HierarchicalBinding.DefaultCS" %>

    <%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
    <%@ Register TagPrefix="qsf" TagName="Header" Src="~/Common/Header.ascx" %>
    <%@ Register TagPrefix="qsf" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>
    <%@ Register TagPrefix="qsf" TagName="Footer" Src="~/Common/Footer.ascx" %>
    <!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 runat="server">
        <qsf:HeadTag ID="Headtag1" runat="server"></qsf:HeadTag>
    </head>
    <body class="BODY">
        <form id="mainForm" method="post" runat="server">
        <telerik:RadScriptManager ID="ScriptManager" runat="server" />
        <qsf:Header ID="Header1" runat="server" NavigationLanguage="C#"></qsf:Header>
        <telerik:RadPanelBar runat="server" ID="RadPanelBar1" Height="200px" ExpandMode="FullExpandedItem"
            Style="float: left">
        </telerik:RadPanelBar>
        <qsf:ConfiguratorPanel runat="server" ID="ConfigurationPanel1" Title="Configuration" Orientation="Vertical" Expanded="true">
            <div class="title">
                Select a datasource:</div>
    <asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged"
    Style="margin-left: 20px;">

                <asp:ListItem Value="DataSet" Selected="True">DataSet</asp:ListItem>
                <asp:ListItem Value="IEnumerable">IEnumerable</asp:ListItem>
            </asp:RadioButtonList>
        </qsf:ConfiguratorPanel>
        <qsf:Footer ID="Footer1" runat="server"></qsf:Footer>
        </form>
    </body>
    </html>

Get more than expected!

Take your time to truly experience the power of RadControls for ASP.NET AJAX with a free 60-day trial backed up by Telerik’s unlimited dedicated support.

Download your RadControls for ASP.NET AJAX trial and jumpstart your development with the available Getting Started resources.

If you have any questions, do not hesitate to contact us at sales@telerik.com.

Copyright 2002-2012 © Telerik. All right reserved
Telerik Inc, 201 Jones Rd, Waltham, MA 02451