I am trying to migrate a jquery mobile app to kendo mobile.
The app makes extensive use of arbitrary HTML coming in from ajax requests, inserted into the dom using innerHTML, and then when you call $('#somenewcontainer').page(); anything with mobile bindings gets rendered.
For example, injecting the following into the dom using innerHTML:
<div id="somenewcontainer">
<a data-role="button" href="javascript:go();">go</a>
<a data-role="button" href="javascript:go2();">go2</a>
</div>
When i call $('#somenewcontainer').page(), the two buttons get rendered as a mobile buttons.
How, in kendo mobile, do i initialize new dom elements like i can in jquery mobile?
The app makes extensive use of arbitrary HTML coming in from ajax requests, inserted into the dom using innerHTML, and then when you call $('#somenewcontainer').page(); anything with mobile bindings gets rendered.
For example, injecting the following into the dom using innerHTML:
<div id="somenewcontainer">
<a data-role="button" href="javascript:go();">go</a>
<a data-role="button" href="javascript:go2();">go2</a>
</div>
When i call $('#somenewcontainer').page(), the two buttons get rendered as a mobile buttons.
How, in kendo mobile, do i initialize new dom elements like i can in jquery mobile?