Edit this page

select

Get/set the selected tab. If called without arguments, it returns the currently selected tab.

Example

<div id="tabstrip">
  <ul>
    <li>Tab 1</li>
    <li>Tab 2</li>
  </ul>
  <div>
    <button class='k-button'>Select second tab</button>
  </div>
  <div>Content 2</div>
</div>

<script>
  var tabStrip = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");

  tabStrip.select("li:first");  // Select by jQuery selector
  $("#tabstrip").on("click", ".k-button", function() {
      tabStrip.select(1);   // Select by index
  })
</script>

Parameters

element String |Element |jQuery |Number

The target tab(s), specified as a selector, jQuery object or index in the tab group.

Returns

jQuery the selected tab if called without arguments. kendo.ui.TabStrip if called with arguments.

Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy