拖放后Kendo UI Treeview Sprite消失

Question

I'm trying to generate a Kendo UI treeview markup and make use of dragging and dropping nodes around. The problem is that after I drop a node onto another the sprite span element disappears.

Initial HTML markup:

<li>
   <span class='k-sprite'></span>
   <span class='node-text'>Node1</span>
</li>

And here's how a node looks like after dragging & dropping:

<li role="treeitem" class="k-item k-last" data-uid="054713f5-5ba3-444e-a322-72bf86d53ad5" aria-selected="true">
   <div class="k-bot">
     <span class="k-in k-state-selected">Node4</span>
   </div>
</li>

Here's a fiddle: http://jsfiddle.net/BX4VC/

Any idea on how to help Kendo parse the HTML correctly so it preserves the elements inside the node after dragging them around?

Thank you!

Answer 1

There is special handling of the k-sprite class, due to its relation to the spriteCssClass field of the treeview items. If you set an icon class, the spans will be persisted, as seen in the updated fiddle .