Navigating to Views with params Doesn't work in Kendo UI Mobile Build v2012.3.1114

2 posts, 0 answers
  1. Brian
    Brian avatar
    8 posts
    Member since:
    Dec 2012

    Posted 28 Dec 2012 Link to this post

    The following does not work in Kendo UI Mobile build v2012.3.1114, but does work in build v2012.2.1019. Removing the params from the href causes it to work in both builds.

    <a class="clear km-listview-link" data-accountname="Testing" data-role="listview-link" href="accountView?account=test">Testing</a>
  2. Nikolay Tsenkov
    Nikolay Tsenkov avatar
    734 posts

    Posted 02 Jan 2013 Link to this post

    Hi Brian,

    I have tested 2012.3.1114 and navigation works in my sample.
    I though it could be broken in the current latest internal and tested that as well, but the navigation worked there, too.

    Could you, please, provide a sample to check what are the differences?

    Here is my sample (Create a new Kendo project in Icenium and replace index.html with the following):

    <!DOCTYPE html>
        <meta charset="utf-8" />
        <script src="cordova.js"></script>
        <script src="kendo/js/jquery.min.js"></script>
        <script src="kendo/js/"></script>
        <script src=""></script>
        <script src="scripts/hello-world.js"></script>
        <link href="kendo/styles/" rel="stylesheet" />
        <link href="styles/main.css" rel="stylesheet" />
        <div data-role="view" data-show="onShow" data-title="Destinations" id="listview-home">
            <ul data-role="listview" data-style="inset">
                    <a data-accountname="Testing" data-role="listview-link" href="#listview-home?a=234">Testing</a>
            .km-ios #listview-home .km-content {
                background: url(../../content/shared/images/patterns/pattern2.png);
                box-shadow: inset 0 0 30px #95764D;
                -webkit-box-shadow: inset 0 0 30px #95764D;
            .km-ios #listview-home .km-listview .km-list {
                border-radius: 10px;
                -webkit-border-radius: 10px;
                box-shadow: 0 1px 5px #95764D;
                -webkit-box-shadow: 0 1px 5px #95764D;
            .km-ios #listview-home .km-listview .km-list > li {
                border: none;
            .km-ios #listview-home .km-listview .km-list > li:last-child {
                -webkit-box-shadow: none;
                box-shadow: none;
            .km-ios #listview-home .km-navbar {
                background: url(../../content/shared/images/patterns/pattern9.png);
            .km-tablet .km-ios #listview-home .km-view-title {
                color: #fff;
                text-shadow: 0 -1px rgba(0,0,0,.5);
            .km-ios #listview-home .km-navbar .km-button
                background-color: #974d2e;
            $(document).on("ready", function() {
                var app = new;
            function onShow(e) {
                var view = e.view;
                var a = view.params.a;
                alert("Parameter a = " + a);

    Nikolay Tsenkov
    the Telerik team

    Share feedback and vote for features on our Feedback Portal.
    Want some Kendo UI online training - head over to Pluralsight.
Back to Top