New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

    Data Objects

    DataSet

    • Politics
    • Sports
    • Events
    • CNN
    • NBC
    • ABC

    DataTable

    • root 1
    • root 2
    • child 1.1
    • child 1.2
    • child 1.3

    Array

    • Tab One
    • Tab Two
    • Tab Three

    ArrayList

    • Tab One
    • Tab Two
    • Tab Three

    List<T>

    • All Sites
    • Search Engines
    • News Sites

    The demo aims to demonstrate the diversity of Data Objects, which the RadTabStrip could be bound to. The Data Object types used in the demo are :

    • DataSet
    • DataTable
    • Array
    • ArrayList
    • List<T>

    In order to populate the control, you will need to assign the DataSource of the RadTabStrip as well as explicitly call the DataBind() method. The RadTabStrip can be bound to any object that implements the IEnumerable interface.

    • DefaultCS.aspx
    • DefaultCS.aspx.cs
    <%@ Page AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="TabStrip.Examples.PopulatingWithData.ProgrammaticDataBinding.DefaultCS"Language="c#"  %>
     
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <!DOCTYPE html>
    <html xmlns='http://www.w3.org/1999/xhtml'>
    <head runat="server">
        <title>Telerik ASP.NET Example</title>
    </head>
    <body>
        <form id="form1" runat="server">
        <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
        <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
        <div class="demo-container size-medium">
            <h2>DataSet</h2>
            <p>
                <telerik:RadTabStrip RenderMode="Lightweight" runat="server" ID="RadTabStrip1"  SelectedIndex="0">
                </telerik:RadTabStrip>
            </p>
        </div>
        <div class="demo-container size-medium">
            <h2>DataTable</h2>
            <p>
                <telerik:RadTabStrip RenderMode="Lightweight" runat="server" ID="RadTabStrip3"  SelectedIndex="0">
                </telerik:RadTabStrip>
            </p>
        </div>
        <div class="demo-container size-medium">
            <h2>Array</h2>
            <p>
                <telerik:RadTabStrip RenderMode="Lightweight" runat="server" ID="RadTabStrip4"  SelectedIndex="0">
                </telerik:RadTabStrip>
            </p>
        </div>
        <div class="demo-container size-medium">
            <h2>ArrayList</h2>
            <p>
                <telerik:RadTabStrip RenderMode="Lightweight" runat="server" ID="RadTabStrip5"  SelectedIndex="0">
                </telerik:RadTabStrip>
            </p>
        </div>
        <div class="demo-container size-medium">
            <h2>List&#60;T&#62;</h2>
            <p>
                <telerik:RadTabStrip RenderMode="Lightweight" runat="server" ID="RadTabStrip6"  SelectedIndex="0">
                </telerik:RadTabStrip>
            </p>
        </div>
        </form>
    </body>
    </html>

    Support & Learning Resources

    Find Assistance