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.


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.


String| Returns the badge value if invoked without parameters, otherwise returns the TabStrip object.


<div id="foo" data-role="view" data-init="onInit">
  <div data-role="footer">
    <div data-role="tabstrip">
      <a data-icon="contacts">foo</a>
      <a data-icon="contacts">bar</a>
      <a data-icon="info">baz</a>

var app = new;
function onInit(e) {
  var tabstrip = e.view.footer.find(".km-tabstrip").data("kendoMobileTabStrip");

  // Set the first tab badge value to 5
  tabstrip.badge(0, 5);
  // Get the current badge value on the first tab.
/* The result can be observed in the DevTools(F12) console of the browser. */
In this article