• activateTab (item) : Boolean
    Activates a tab specified as a selector. Note: Invoking this method will not trigger any events.

    Activate a tab with ID, tab1 in a TabStrip

    var tabToActivate = $("#tab1");
$("#tabStrip").data("kendoTabStrip").activateTab(tabToActivate);

    Parameters

    item: Selector
    The target tab, specified as a selector, to be activated.
    Returns
    Boolean Returns true if successful; otherwise, false.
  • append (tab) : TabStrip
    Appends a tab to the collection of tabs in a TabStrip.

    Example

    tabStrip.append(
    [{
        text: "Item 1",
        url: "http://www.kendoui.com"               // Link URL if navigation is needed, optional.
    },
    {
        text: "<b>Item 2</b>",
        encoded: false,                             // Allows use of HTML for item text
        content: "text"                             // Content for the content element
    },
    {
        text: "Item 3",
        contentUrl: "partialContent.html"           // From where to load the item content
    },
    {
        text: "Item 4",
        imageUrl: "http://www.kendoui.com/test.jpg" // Item image URL, optional.
    },
    {
        text: "Item 5",
        spriteCssClass: "imageClass3"               // Item image sprite CSS class, optional.
    }]
);

    Parameters

    tab: Selector
    Target tab, specified as a JSON object. You can pass tab text, content or contentUrl here. Can handle an HTML string or array of such strings or JSON.
    Returns
    TabStrip Returns the TabStrip object to support chaining.
  • contentElement (itemIndex) : HTMLElement
    Obtains the DOM element representing a tab by its index in the TabStrip.

    Obtain the DOM element representing the first tab in a TabStrip

    var tabContent = $("#tabStrip").data("kendoTabStrip").contentElement(0);

    Parameters

    itemIndex: int
    The index of the tab in the TabStrip.
    Returns
    HTMLElement The DOM element representing a tab by its index in the TabStrip.
  • deactivateTab (item)
    Deactivates a tab specified as a selector. Note: Invoking this method will not trigger any events.

    Example

    var tabToDeactivate = $("#tab1");
$("#tabStrip").data("kendoTabStrip").deactivateTab(tabToActivate);

    Parameters

    item: Selector
    The target tab, specified as a selector, to be deactivated.
  • disable (element) : TabStrip
    Disables a tab(s) of a TabStrip.

    Parameters

    element: Selector
    The target tab(s), specified as a selector, to be disabled.
    Returns
    TabStrip Returns the TabStrip object to support chaining.
  • enable (element, enable) : TabStrip
    Disables (false) or enables (true) a tab(s) of a TabStrip.

    Parameters

    element: Selector
    The target tab(s), specified as a selector, to be enabled (true) or disabled (false).
    enable: Boolean
    Desired state of the tab(s) specified by the selector; enabled (true) or disabled (false).
    Returns
    TabStrip Returns the TabStrip object to support chaining.
  • insertAfter (item, referenceTab) : TabStrip
    Inserts a newly-created tab after a specified tab.

    Example

    tabStrip.insertAfter(
    [{
        text: "Item 1",
        url: "http://www.kendoui.com"               // Link URL if navigation is needed, optional.
    },
    {
        text: "<b>Item 2</b>",
        encoded: false,                             // Allows use of HTML for item text
        content: "text"                             // Content for the content element
    },
    {
        text: "Item 3",
        contentUrl: "partialContent.html"           // From where to load the item content
    },
    {
        text: "Item 4",
        imageUrl: "http://www.kendoui.com/test.jpg" // Item image URL, optional.
    },
    {
        text: "Item 5",
        spriteCssClass: "imageClass3"               // Item image sprite CSS class, optional.
    }],
    referenceItem
);

    Parameters

    item: Selector
    Target tab, specified as a JSON object. You can pass tab text, content or contentUrl here. Can handle an HTML string or array of such strings or JSON.
    referenceTab: Item
    A reference tab to insert the new item after.
    Returns
    TabStrip Returns the TabStrip object to support chaining.
  • insertBefore (item, referenceTab) : TabStrip
    Inserts a newly-created tab before a specified tab.

    Example

    tabStrip.insertBefore(
    [{
        text: "Item 1",
        url: "http://www.kendoui.com"               // Link URL if navigation is needed, optional.
    },
    {
        text: "<b>Item 2</b>",
        encoded: false,                             // Allows use of HTML for item text
        content: "text"                             // Content for the content element
    },
    {
        text: "Item 3",
        contentUrl: "partialContent.html"           // From where to load the item content
    },
    {
        text: "Item 4",
        imageUrl: "http://www.kendoui.com/test.jpg" // Item image URL, optional.
    },
    {
        text: "Item 5",
        spriteCssClass: "imageClass3"               // Item image sprite CSS class, optional.
    }],
    referenceItem
);

    Parameters

    item: Selector
    Target tab, specified as a JSON object. You can pass tab text, content or contentUrl here. Can handle an HTML string or array of such strings or JSON.
    referenceTab: Item
    A reference tab to insert the new item before
    Returns
    TabStrip Returns the TabStrip object to support chaining.
  • reload (element) : TabStrip
    Reloads TabStrip tab(s) via AJAX.

    Parameters

    element: Selector
    The target tab(s), specified as a selector, to be reloaded via AJAX.
    Returns
    TabStrip Returns the TabStrip object to support chaining.
  • remove (element) : TabStrip
    Removes a specified tab from a TabStrip.

    Remove a tab with ID, tab1 from a TabStrip

    tabStrip.remove("#tab1");

    Parameters

    element: Selector
    The target tab(s), specified as a selector, to be removed.
    Returns
    TabStrip Returns the TabStrip object to support chaining.
  • select (element) : TabStrip
    Selects the specified tab(s) within a TabStrip. If called without arguments, it returns the currently selected tab.

    Example

    tabStrip.select("#tab1");

    Example

    tabStrip.select(1);

    Parameters

    element: Selector/Index
    or index The target tab(s), specified as a selector or index in the tab group.
    Returns
    TabStrip Returns the TabStrip object to support chaining.