| Section |
|---|
| Column |
|---|
| Grid Reorderer OverviewThe Grid Reorderer is a convenience function for applying the Reorder to a grid of items with minimal effort. This page provides technical details of the API. For a simple working example, see Integrating the Reorderer.
Creation| Code Block |
|---|
|
var myReorderableGrid = fluid.reorderGrid(container[, options]);
|
ParameterscontainerThe container is a CSS-based selector, single-element jQuery object, or DOM element that identifies the DOM element that contains the elements to be reorderable. This may be a <div> that encapsulates the reorderable elements, for example. optionsThe options object is an optional collection of key/value pairs that can be used to further configure the Grid Reorderer, as described below in the fluid:Options section. |
| Column |
|---|
| Panel |
|---|
| borderColor | #321137 |
|---|
| bgColor | #fff |
|---|
| titleBGColor | #aab597 |
|---|
| borderStyle | solid |
|---|
| title | Status | borderStyle | solid |
|---|
| This component is in Production status |
| Panel |
|---|
| borderColor | #566b30 |
|---|
| bgColor | #fff |
|---|
| titleBGColor | #D3E3C4 |
|---|
| borderStyle | solid |
|---|
| title | On This Page | borderStyle
|---|
| | solid |
| Panel |
|---|
| borderColor | #321137 |
|---|
| bgColor | #fff |
|---|
| titleBGColor | #c1b7c3 |
|---|
| borderStyle | solid |
|---|
| title | See Also | borderStyle | solid |
|---|
| |
| Panel |
|---|
| borderColor | #321137 |
|---|
| bgColor | #fff |
|---|
| titleBGColor | #cccccc |
|---|
| borderStyle | solid |
|---|
| title | Still need help? | borderStyle | solid |
|---|
| Join the infusion-users mailing list and ask your questions there. |
|
|
...
The Grid Reorderer fires the following events (for more information about events, see Events for Component Users):
| Include Page |
|---|
| Infusion13:Reorderer EventsInfusion13: |
|---|
| Reorderer Events |
|---|
| nopanel | true |
|---|
|
...
The selectors option is an object containing CSS-based selectors for various parts of the Grid Reorderer. Supported selectors are:
| Include Page |
|---|
| Infusion13:Reorderer SelectorsInfusion13: |
|---|
| Reorderer Selectors |
|---|
| nopanel | true |
|---|
|
General Options
| Include Page |
|---|
| Infusion13:Reorderer Configuration OptionsInfusion13: |
|---|
| Reorderer Configuration Options |
|---|
| nopanel | true |
|---|
|
Grid-specific Options
| Include Page |
|---|
| Infusion13:Grid Reorderer Configuration OptionsInfusion13: |
|---|
| Grid Reorderer Configuration Options |
|---|
| nopanel | true |
|---|
|
...
Dependencies
...
The Grid Reorderer dependencies can be met by including the minified InfusionAll.js file in the header of the HTML file:
| Code Block |
|---|
|
<script type="text/javascript" src="InfusionAll.js"></script>
|
Alternatively, the individual file requirements are:
| Include Page |
|---|
| Reorderer Dependencies |
|---|
| Reorderer Dependencies |
|---|
|