kendo.mobile.ui.TabStrip
Edit this docRepresents the Kendo UI Mobile TabStrip widget. Inherits from kendo.mobile.ui.Widget.
No results. Try clearing the filter.
The index of the initially selected tab.
Introduced in Q1 2013 SP Sets a badge on one of the tabs with the specified value. If invoked without second parameter, returns the tab's current badge value. Set the value to false to remove the badge.
Parameters
- tab
Selector|Number The target tab specified either as a jQuery selector/object or as an item index.
- value
String|Boolean The target value to be set or false to be removed.
Returns
String|kendo.mobile.ui.TabStrip Returns the badge value if invoked without parameters, otherwise returns the TabStrip object.
Example
var tabstrip = $("#tabStrip").data("kendoMobileTabStrip");
// Set the first tab badge value to 5
tabstrip.badge(0, 5);
// Get the current badge value on the first tab.
tabstrip.badge(0);
// Remove the first tab badge
tabstrip.badge("li:first", false);
Get the currently selected tab DOM element.
Returns
jQuery the currently selected tab DOM element.
Prepares the TabStrip for safe removal from DOM. Detaches all event handlers and removes jQuery.data attributes to avoid memory leaks. Calls destroy method of any child Kendo widgets.
Important: This method does not remove the TabStrip element from DOM.
Example
var tabStrip = $("#tabStrip").data("kendoMobileTabStrip");
// detach events
tabStrip.destroy();
Set the mobile TabStrip active tab to the tab with the specified url. This method doesn't change the current View. To change the View, use Application's navigate method instead.
Example
<div data-role="tabstrip" id="tabstrip"> <a href="#foo">Foo</a> </div>
<script>
$(function() {
$("#tabstrip").data("kendoMobileTabStrip").switchTo("#foo");
});
</script>
Parameters
- url
String The url of the tab.
Clear the currently selected tab.
Fires when tab is selected.
Event Data
- e.item
jQuery The selected tab