show

Fires when a mobile View using the layout becomes visible.

Event Data

e.layout jQuery

The mobile layout instance

e.view jQuery

The mobile view instance

Example

<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-show="onShow">
  <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 onShow(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
  console.log("show");
}
</script>
In this article