Binding not working on 'App Navigation' Tutorial.

[Jim]

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? 

 

[Garo]

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