navigate

Navigate the local or remote view.

Navigate to a remote view

<div data-role="splitview">
    <div data-role="pane" id="main-pane">
        <div data-role="view">
            <a data-role="button" data-click="goToSettings">Settings</a>
        </div>
    </div>
</div>

<script>
function goToSettings() {
    var pane = $("#main-pane").data("kendoMobilePane");
    pane.navigate("settings.html");
}

new kendo.mobile.Application();
</script>

Navigate to a local view

<div data-role="splitview">
    <div data-role="pane" id="main-pane">
        <div data-role="view"> <a data-role="button" data-click="goToSettings">Settings</a> </div>
        <div data-role="view" id="settings">Settings View</div>
    </div>
</div>

<script>
function goToSettings() {
    var pane = $("#main-pane").data("kendoMobilePane");
    pane.navigate("#settings");
}

new kendo.mobile.Application();
</script>

Parameters

url String

The id or URL of the view.

transition String

The transition to apply when navigating. See View Transitions for more information.