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

Posted on 2010-11-21
Last Modified: 2012-06-21

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
Question by:cgray1223
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment

Accepted Solution

saifikram_md earned 500 total points
ID: 34189069
You can handle in the following way:-

	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.

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
DataTable column sorting incorrectly 2 35
Table header must be on top 2 57
Scroll listener getting fired on initial page load 2 20
Javascript Error 10 22
In this article, we'll look how to sort an Array in JavaScript, including the more advanced techniques of sorting a collection of records either ascending or descending on two or more fields. Basic Sorting of Arrays First, let's look at the …
I've been trying to accomplish this for a while and it just struck me yesterday how to accomplish this task. I have done searches all over the internet looking for ways to email pages from my applications and finally I have done it!!! Every single s…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

739 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question