title: Manually select tabstrip in Kendo ui mobile
body: <p>I am using Kendo ui mobile. I am opening a modal view when a tabstrip item is selected as shown in the screenshot (Show Modal.png).</p>
  
  <p><img src="https://i.stack.imgur.com/4pltp.png" alt="enter image description here"></p>
  
  <p>In the select method of kendo ui mobile tabstrip I am preventing  the default event propagation i.e, to show the modal view by using e.preventDefault(),  to show a confirmation dialog box as shown in the screenshot(Prevent Default Action.png). </p>
  
  <p><img src="https://i.stack.imgur.com/eb4KM.png" alt="enter image description here"></p>
  
  <p>Code:-</p>
  
  <p>(Html part)</p>
  
  <pre><code>&lt;div id='modal_tabs' data-role="tabstrip" data-select='tabChange'&gt;
      &lt;a href="#index" data-icon="custom"&gt;Home&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>(JS part)</p>
  
  <pre><code>function tabChange(e) {
      if (someCondition) {
          e.preventDefault();
          showConfirmation(showPopUpMsg, 'Unsaved changes', doTabActiveOnOK); // show confirmation dialog box
      }
      doTabActiveOnOK = function (button) {   // callback function
          if (button == true) { //  if ok button is pressed
              $("#modal_tabs").data("kendoMobileTabStrip").select(1);  // not supported
          }
      }
  }
  </code></pre>
  
  <p>If  'ok'  button is pressed on the confirmation dialog I want to perform the default action again(to show the modal) or select the tabstrip manually.  How to perform this task?</p>