View Full Version : Dataview drag re-order

20 Sep 2013, 5:10 AM
Been on this for a while now trying to get it to work using several plugins such as this (http://tof2k.com/ext/sortable/) but all the plugins are so out of date they just don't work or just half work. Have tried to update them with no joy.

What I'm trying to do is have dataview items draggable to re-order them and the update each items new order number to a numeric field called 'oid' on my store. My dataview below - boxed in red. The rounded boxes are the items I'm trying to re-order.


My item tpl:

<div style="float:left;">
<tpl for=".">
<div class="fieldDropItem" style=" border-color:{colorhex};"><p>{fieldname}</p></div>
</tpl><div class="x-clear"></div>

Any examples that I can hack and mash into architect would be great that work on the latest version of Extjs?

Trying to get it to work just like the 2nd dataview in this example of a plugin i just can't get to work: http://tof2k.com/ext/sortable/
It loads an just doesn't do any dragging, tried updating the plugin to this: http://pastebin.com/mC2fxbat no more add /remove class errors etc just still not working.

Thanks in advance,

23 Sep 2013, 2:06 AM
Spent all of this weekend pretty much trying to get this done. :-? I'd be happy if someone could just help me update the small plugin in the link below to work with 4.2.x - I've changed the addClass and removeClass and fiddled around with some other bits but other than that I cannot get the drag to work with float elements.

Link: http://tof2k.com/ext/sortable/

Thanks for looking