hide

Fires when a mobile View using the layout becomes hidden.

Event Data

e.layout jQuery

The mobile layout instance

e.view jQuery

The mobile view instance

    <div id="foo" data-role="view" data-layout="default">
      Foo view
    </div>


    <div id="bar" data-role="view" data-layout="default">
      Bar view
    </div>

    <div data-role="layout" data-id="default" data-hide="onHide">
      <div data-role="footer">
        <div data-role="tabstrip">
          <a href="#foo" data-icon="contacts">foo</a>
          <a href="#bar" data-icon="history">bar</a>
        </div>
      </div>
    </div>

    <script>
    var app = new kendo.mobile.Application();

    function onHide(e) {
    /* The result can be observed in the DevTools(F12) console of the browser. */
        console.log(e.view.id + " view hidden");
    }
    </script>