Added by Anastasia Cheetham, last edited by Justin Obara on May 08, 2009  (view change)

Labels:

development development Delete
reorderer reorderer Delete
release release Delete
manual manual Delete
Enter labels to add to this page:
Wait Image 
Looking for a label? Just start typing.

Reorderer Overview

The Reorderer will handle almost any arbitrary stream of markup you pass to it, assuming a very simple contract is maintained:

  1. The orderable elements are contained within some kind of container element.
  2. A selector for the container is passed to the Reorderer upon instantiation.

Optional:

  1. Provide a callback function. This will be called by the Reorderer each time the user reorders an element, and is generally used to communicate ordering changes back to the server.
  2. Specify configuration options to customize the behaviour of the Reorderer, including the selection of orderable elements within the container. These are documented below.
Status

This component is in Production status

On This Page
See Also
Still need help?

Join the infusion-users mailing list and ask your questions there.

Creating a Reorderer

Lists

fluid.reorderList(container[, options]);

Allows reordering of elements in a vertical or horizontal list. More information is available at List Reorderer API.

Grids

fluid.reorderGrid(container[, options]);

Allows reordering of a grid of items. More information is available at Grid Reorderer API.

Layouts

fluid.reorderLayout(container[, options]);

Allows reordering of portlets, content blocks, or other chunks of layout arranged in columns. More information is available at Layout Reorderer API.

Images

fluid.reorderImages(container[, options]);

Allows reordering of images, image thumbnails. More information is available at Image Reorderer API.

Advanced use of the Reorderer

For cases where more control over the configuration of the Reorderer instance is needed, a Reorderer can be created directly, and configured for your specific needs:

fluid.reorderer(container[, options]);

For more information about this creator function, see Advanced Reorderer API.

Skinning

This component has no markup that can be skinned per se, as it largely a layer of behaviour added to the mark up passed to it. However, it is able to manage the styles applied to the markup at various states in the behaviour.

See: Advanced Reorderer API#CSS Classes