Jquery Sortable Multiple Lists Serialize Jquery

Posted on by
Give More Feedback

Jquery.multisortable - Extends jQueryUI sortable to allow selection and sorting of multiple elements. Multiple types supported: jQuery: A jQuery object containing the element to append the. A selector of other sortable elements that the items from this list should be connected to. This is a one-way relationship,.

Defines a bounding box that the sortable items are contrained to while dragging. Note: The element specified for containment must have a calculated width and height (though it need not be explicit). For example, if you have float: left sortable children and specify containment: 'parent' be sure to have float: left on the sortable/parent container as well or it will have height: 0, causing undefined behavior. Multiple types supported: • Element: An element to use as the container. • Selector: A selector specifying an element to use as the container. • String: A string identifying an element to use as the container. Possible values: 'parent', 'document', 'window'.

Multiple sortable lists using jqueryui. Note the use of multiple id's. Removing one element from jquery sortable list on click.

Serializes the sortable's item ids into a form/ajax submittable string. Adobe Illustrator Cs5 Tryout Download Free. Calling this method produces a hash that can be appended to any url to easily submit a new item order back to the server. It works by default by looking at the id of each item in the format 'setname_number', and it spits out a hash like 'setname[]=number&setname[]=number'. Note: If serialize returns an empty string, make sure the id attributes include an underscore. They must be in the form: 'set_number' For example, a 3 element list with id attributes 'foo_1', 'foo_5', 'foo_2' will serialize to 'foo[]=1&foo[]=5&foo[]=2'. You can use an underscore, equal sign or hyphen to separate the set and number.

For example 'foo=1', 'foo-1', and 'foo_1' all serialize to 'foo[]=1'.

I have a design where I have a list of 'available boxes', users take boxes by dragging them from the 'available boxes' list to their 'My Boxes' list. Users more often than not take multiple boxes at a time (max 20), once they have finished with the boxes they drag them back to the 'available boxes' list to return them. JQuery sortable allows me to drag one box at a time which from a user perspective is undesirable. I've been unable to come up with a simple solution to the issue.

I may have to come up with a different UI method entirely, but first does anyone have any suggestions on how this might be accomplished?