Reorderer OverviewThe Reorderer will handle almost any arbitrary stream of markup you pass to it, assuming a very simple contract is maintained: - The orderable elements are contained within some kind of container element.
- A selector for the container is passed to the Reorderer upon instantiation.
Optional: - 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.
- Specify configuration options to customize the behaviour of the Reorderer, including the selection of orderable elements within the container. These are documented below.
CreationTo create a generic reorderer: | Code Block |
|---|
|
fluid.reorderer(container[, options]);
|
There are four pre-configurations of the Reorderer (List, Image, Grid, and Layout) provided as a convenience for particular contexts and use cases. List Reorderer | Code Block |
|---|
|
fluid.reorderList(container[, options]);
|
Allows reordering of elements in a vertical or horizontal list. More information is available at List Reorderer API. Grid Reorderer | Code Block |
|---|
|
fluid.reorderGrid(container[, options]);
|
Allows reordering of a grid of items. More information is available at Grid Reorderer API. Layout Reorderer | Code Block |
|---|
|
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. Image Reorderer | Code Block |
|---|
|
fluid.reorderImages(container[, options]);
|
Allows reordering of images, image thumbnails. More information is available at Image Reorderer API. Parameterscontainer The container parameter is a CSS-based selector, single-element jQuery object, or DOM element specifying the root node of the Reorderer. options The options parameter is an optional collection of name-value pairs that configure the Reorderer, as described below in the fluid:Options section. |