open

Open the ActionSheet.

Example - opens the widget each time the View becomes visible

<div data-role="view" data-show="onShow">
  <ul id="actionsheet" data-role="actionsheet">
    <li><a>Foo</a></li>
    <li><a>Bar</a></li>
  </ul>
</div>

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

function onShow() {
  $("#actionsheet").data("kendoMobileActionSheet").open();
}
</script>

Example

<ul data-role="listview">
  <li> Foo <a data-role="button" id="button">Delete</a></li>
</ul>

<ul data-role="actionsheet" id="actionsheet">
  <li><a>Foo</a></li>
  <li><a>Bar</a></li>
</ul>

<script>
$("#actionsheet").data("kendoMobileActionSheet").open($("#button"));
</script>

Parameters

target jQuery

(optional) The target element of the ActionSheet, available in the callback methods.

Notice The target element is mandatory on tablets, as the ActionSheet widget positions itself relative to opening element when a tablet is detected.

context Object

(optional) The context of the ActionSheet, available in the callback methods.

In this article