CODEWITHSUNDEEP
jqueryjquery-uidrag-and-drop
stephen776
stephen776

Reputation: 9234

jQuery Drag and Drop table row ordering?

Are there any good tutorials for Drag-and-Drop table row ordering with jQuery-UI or some other plugin? I have been searching and cant seem to find any useful samples.

Of course the order of the items would also need to be persisted to my database in some way...

Upvotes: 2

Views: 3683

Answers (1)

Sérgio
Sérgio

Reputation: 1607

With this plugin: [link text][1] you can order the column and manipulate data from a source with the union of plugin jEditable, you can see a example in Examples > API > Editable Rows (with jEditable).

You can use draggable with the event Stop 

$( ".selector" ).bind( "sortstop", function(event, ui) {

... });

with the method .sortable( "toArray" ) to get the new order of elements.

You can find examples in the official documentation in: http://jqueryui.com/demos/sortable/#event-stop =)

Upvotes: 1

Related Questions