How to "re-parse" after dynamic changes?

[Zack]

Lets say I have a listview, and I wish to dynamically add a row to by inserting an <li> to the existing list <ul> using JavaScript.  The new row will not have the styling to mimic the mobile application, it looks like a plain <li> stuck in the middle of the list.

I understand why this problem happens, because the CSS classes are dynamically added to the plain HTML when the page loads.  But, is there a way to tell Kendo UI Mobile's JavaScript to "re-parse" the HTML to style up any dynamic additions to the HTML?

Thanks.

[Ryan]

Yes, do:

kendo.mobile.init($('#newElementID'));

[Petyo]

Hello Zack,

This is correct - kendo.mobile.init does the trick. In addition to the kendo.mobile.init, you can use the ListView append/prepend API. 

Regards,
Petyo
Telerik