Views not displayed when using document.addEventListener

[devApps]

I have a  simple home page with multiple views and I want only the first one to be displayed.

It is fine When I initialize the app using 

var app = new kendo.mobile.Application();

But when I use document.addEventListener() with deviceReady on a real device it displays all the views and in dojo it does not display anything

Here is the code snippet that I am trying 

    var app;
    var onDeviceReady = function() { 
            //navigator.splashscreen.hide(); 
            app = new kendo.mobile.Application(document.body,
            {
                platform:'ios7'
            });
    }
    document.addEventListener('deviceready', onDeviceReady, false); 

 

http://dojo.telerik.com/@phcc1t/AtiVo/2

Views with document.addEventListener()

Could you please let me know where am I going wrong ?

 

[Alexander Valchev]

Hi,

The device ready event does not fire in a Dojo. Did you tested it in a Cordova application?

Regards,
Alexander Valchev
Telerik by Progress

[devApps]

Yes I tested it on a real device. It displays all the views . I need to display only the first one

[Alexander Valchev]

Hi,

Most probably the code that initialises the mobile application is not executed. Please verify that the init event of the application fires (you may simply put an alert) and check for JavaScript errors when application is ran on device. This might give us a clue what is going wrong.

Regards,
Alexander Valchev
Telerik by Progress