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