Dear All,
We are currently developing a simple prototype as part of our evaluation for Kendo UI mobile. We came across a strange problem when we implement it with RequireJS. The UI is fairly simple, a list view with a "button" on the header which will launch a modal window. However, when the app is loaded on the mobile phone (iPhone), the button fails to launch the modal window intermittently.
In addition to that, trying out the same code without RequireJS works perfectly fine.
Is this a know problem when integrating RequireJS with Kendo UI?
Thank you so much in advance!
Regards,
Art
==================================================================================================
The declaration of the button goes like this:
<a data-role="button" data-rel="modalview" href="#modalViewSample" data-align="right" data-icon="compose"></a>
While the definition of the modal window is in another html file which goes like this:
<div data-role="modalview" id="modalViewSample" data-model="APP.modalViewSample.model" data-init="APP.modalViewSample.events.init" style="display: none" data-width="80%">
<div data-role="header">
<div data-role="navbar">
<span data-role="view-title">Shipment Order</span>
<a data-role="button" data-bind="click: close" data-align="right" data-icon="close"></a>
</div>
</div>
</div>
==================================================================================================
We are currently developing a simple prototype as part of our evaluation for Kendo UI mobile. We came across a strange problem when we implement it with RequireJS. The UI is fairly simple, a list view with a "button" on the header which will launch a modal window. However, when the app is loaded on the mobile phone (iPhone), the button fails to launch the modal window intermittently.
In addition to that, trying out the same code without RequireJS works perfectly fine.
Is this a know problem when integrating RequireJS with Kendo UI?
Thank you so much in advance!
Regards,
Art
==================================================================================================
The declaration of the button goes like this:
<a data-role="button" data-rel="modalview" href="#modalViewSample" data-align="right" data-icon="compose"></a>
While the definition of the modal window is in another html file which goes like this:
<div data-role="modalview" id="modalViewSample" data-model="APP.modalViewSample.model" data-init="APP.modalViewSample.events.init" style="display: none" data-width="80%">
<div data-role="header">
<div data-role="navbar">
<span data-role="view-title">Shipment Order</span>
<a data-role="button" data-bind="click: close" data-align="right" data-icon="close"></a>
</div>
</div>
</div>
==================================================================================================