I'm working on a application that generates mobile view dynamically in js. I have been using V2012.1.503 for most of the development. I updated to V2012.2.803 today and I now get the following error when I try to load the first page:
Error: No root view found. Make sure that the kendo mobile application element directly contains one or more elements with data-role='view' attribute set.
I've tried setting the "initial" property on the application creation, but I still get the same error. I'm creating kendo.mobile.Application after the page has loaded. Was there a reason for the change in behavior that is now causing this?
I just tried with the latest commercial build (V2012.2.710) and get the following error with the same application code:
TypeError: 'undefined' is not an object (evaluating 'd.getAttribute')
Sean
Error: No root view found. Make sure that the kendo mobile application element directly contains one or more elements with data-role='view' attribute set.
I've tried setting the "initial" property on the application creation, but I still get the same error. I'm creating kendo.mobile.Application after the page has loaded. Was there a reason for the change in behavior that is now causing this?
I just tried with the latest commercial build (V2012.2.710) and get the following error with the same application code:
TypeError: 'undefined' is not an object (evaluating 'd.getAttribute')
Sean
1 Answer, 1 is accepted
0
Bill
Top achievements
Rank 1
Rank 1
answered on 25 Oct 2012, 05:10 PM
I got this same error when creating my layout. The view needs to be on top of the layout section, not in it. Another reason could be there actually is no data-role="view" div at all.
<!--PUT THE data-role="view" DIV ABOVE THE data-role="layout" SECTION -->
<div data-role="view" data-layout="default">
Hello Mobile World!
</div>
<section data-role="layout" data-id="default">
<header data-role="header">
<div data-role="navbar">NavBar</div>
</header>
<!--DO NOT PUT THE data-role="view" DIV HERE!!! -->
<footer data-role="footer">
<div data-role="tabstrip">
<a href="#">Home</a>
</div>
</footer>
</section>
<!--PUT THE data-role="view" DIV ABOVE THE data-role="layout" SECTION -->
<div data-role="view" data-layout="default">
Hello Mobile World!
</div>
<section data-role="layout" data-id="default">
<header data-role="header">
<div data-role="navbar">NavBar</div>
</header>
<!--DO NOT PUT THE data-role="view" DIV HERE!!! -->
<footer data-role="footer">
<div data-role="tabstrip">
<a href="#">Home</a>
</div>
</footer>
</section>