TabStrip - 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

Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

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 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">
    <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>

Find Assistance

Help Us Improve

Was this example helpful?