• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 409
  • Last Modified:

persisting a jquery sorted (draggable/sortable) list of elements

Hello,

I'm try to replicate the below demo and I'm able to but I don't see a way to persist the order of the newly sorted list of elements.  I need to find a way to track something for the element (div) on the client side to use when I update the element in the database.  Below is the demo I'm working with
http://jqueryui.com/demos/draggable/#sortable
0
cgray1223
Asked:
cgray1223
1 Solution
 
saifikram_mdCommented:
You can handle in the following way:-

$("#sortable").sortable({
	placeholder: 'ui-state-highlight',
	stop: function(event, ui) {
		var sortedItems = $('#sortable').sortable('toArray');
		//Ajax call to webservice to update the items in the array
			}
		});

Open in new window


"sorteditems" will be the list of items after sorted, make a ajax call and pass the array as a parameter. Update the database on webservice call.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Introducing Cloud Class® training courses

Tech changes fast. You can learn faster. That’s why we’re bringing professional training courses to Experts Exchange. With a subscription, you can access all the Cloud Class® courses to expand your education, prep for certifications, and get top-notch instructions.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now