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.

In this article
Not finding the help you need? Improve this article