Saving state using jQuery Sortable Plugin

Hi,

Im new to jQuery and need to implement the sortable plugin (http://interface.eyecon.ro/demos/sort.html) to a website.  Implementation was easy until I realized that I need to be able to save the state of the sortable.

My questions are :
- How do I save the state/order in the database ? I would like to call a CF page and save the serial.hash to DB
- How do I load the state/order from the database ? I would like to call a CF page and get the serial.hash from DB

Im using Coldfusion to talk to my Database.

Thanks for any help.
<script type="text/javascript">
$(document).ready(
	function () {
		$('a.closeEl').bind('click', toggleContent);
		$('div.groupWrapper').Sortable(
			{
				accept: 'groupItem',
				helperclass: 'sortHelper',
				activeclass : 	'sortableactive',
				hoverclass : 	'sortablehover',
				handle: 'div.itemHeader',
				tolerance: 'pointer',
 
				onChange : function(ser)
				{
 
				},
				onStart : function()
				{
					$.iAutoscroller.start(this, document.getElementsByTagName('body'));
				},
				onStop : function()
				{
					$.iAutoscroller.stop();
				}
			}
		);
	}
);
var toggleContent = function(e)
{
	var targetContent = $('div.itemContent', this.parentNode.parentNode);
	if (targetContent.css('display') == 'none') {
		targetContent.slideDown(300);
		$(this).html('[-]');
	} else {
		targetContent.slideUp(300);
		$(this).html('[+]');
	}
	return false;
};
function serialize(s)
{
	serial = $.SortSerialize(s);
	alert(serial.hash);
};
</script>

Open in new window

ymorinAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
Michel PlungjanConnect With a Mentor IT ExpertCommented:
Here is a way perhaps: http://www.reconstrukt.com/ingrid/

Changelog

    * v.9.2
.
.
    * v.9.1
.
      - New feature: Saving state (page number, column sort & direction, selected rows)
.
.
0
 
Computer101Commented:
Forced accept.

Computer101
EE Admin
0
All Courses

From novice to tech pro — start learning today.