Solved

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

Posted on 2010-11-21
1
387 Views
Last Modified: 2012-06-21
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
Comment
Question by:cgray1223
1 Comment
 
LVL 3

Accepted Solution

by:
saifikram_md earned 500 total points
ID: 34189069
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

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

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

JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
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…

803 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