?
Solved

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

Posted on 2010-11-21
1
Medium Priority
?
394 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
[X]
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
 
LVL 3

Accepted Solution

by:
saifikram_md earned 2000 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

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
This article discusses how to implement server side field validation and display customized error messages to the client.
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

764 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