Edit this page

replace

Navigate to local or to remote view. The view will replace the current one in the history stack.

Parameters

url String

The id or URL of the view.

transition String

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

Example

<div data-role="splitview">
    <div data-role="pane" id="main-pane">
        <div data-role="view" id="foo">
            Foo
            <a href="#bar" data-role="button">Bar</a>
        </div>

        <div data-role="view" id="bar">
            <a data-role="button" data-click="replaceBar">Baz</a>
        </div>

        <div data-role="view" id="baz">
            <a data-role="backbutton">Back (will show Foo view)</a>
            Baz
        </div>
    </div>
</div>

<script type="text/javascript" charset="utf-8">
    function replaceBar() {
        var pane = $("#main-pane").data("kendoMobilePane");
        pane.replace("#baz");
    }

    new kendo.mobile.Application(document.body);
</script>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy