Binding not working on 'App Navigation' Tutorial.

2 posts, 0 answers
  1. Jim
    Jim avatar
    1 posts
    Member since:
    May 2017

    Posted 17 May Link to this post

    I have followed steps on 2nd tutorial for the App navigation.  But when I display book details, the details page is not displayed properly.  

    Anyone else having same problem? 

     

  2. Garo
    Admin
    Garo avatar
    136 posts

    Posted 22 May Link to this post

    Hello Jim,

    I have inspected the tutorial app on which you are working and I was able to determine what is causing the issue. In the app.js file, you have added the following row:
    app = new kendo.mobile.Application(document.body, { layout: "main-layout", transition: "fade" });

    The tutorial asks you to modify the already existing "app = new kendo..." (on row 28 of your app) statement. Having said that, to resolve this, you should open the app.js file, cut the content of the second row and place it on row 28. Here is an example of how the file should look like:
    (function () {
        window.Books = {
            data: new kendo.data.DataSource({
                transport: {
                    read: {
                        url: "data/books.js",
                        type: "get",
                        dataType: "json"
                    }
                },
            schema: {
                data: "books"
            }
        }),
            back: function() {
                app.navigate("#:back");
            },
            settings: function() {
               app.navigate("views/settings.html");           
            }
        };
     
        document.addEventListener("deviceready", function () { 
            navigator.splashscreen.hide();
     
            app = new kendo.mobile.Application(document.body, { layout: "main-layout", transition: "fade" });
        }, false);
     
        window.app = app;
    }());
     
    Please, let me know if this is helpful.

    Regards,
    Garo
    Telerik by Progress
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top