Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

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

Posted on 2010-11-21
1
Medium Priority
?
400 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: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone 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

In Part 1 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7849-Hex-Maze.html) we covered the hexagonal maze basics -- how the cells are represented in a JavaScript array and how the maze is displayed.  In this part, we'…
This article will give core knowledge of JavaScript and will head in to your first JavaScript program. I am Durvesh Naik and I am here to deal with this series of JavaScript. I will teach you JavaScript in part wise , as its quite boring to read big…
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…

604 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