Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3
Section
Column
width60%

Grid Reorderer Overview

The 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
javascript
javascript
var myReorderableGrid = fluid.reorderGrid(container[, options]);

Parameters

container

The 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.

options

The 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
borderStylesolid
titleStatus
borderStylesolid

This component is in Production status

solid
Panel
borderStyle
borderColor#566b30
bgColor#fff
titleBGColor#D3E3C4
borderStylesolid
titleOn This Page
Table of Contents
toc
maxLevel
5
minLevel2maxLevel5
Panel
borderColor#321137
bgColor#fff
titleBGColor#c1b7c3
borderStylesolid
titleSee AlsoborderStylesolid
Panel
borderColor#321137
bgColor#fff
titleBGColor#cccccc
borderStylesolid
titleStill need help?
borderStylesolid

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

...

Include Page
Reorderer Events
Reorderer Events
nopaneltrueReorderer Events

...

Anchor
optionsdescription
optionsdescription

...

The selectors option is an object containing CSS-based selectors for various parts of the Grid Reorderer. Supported selectors are:

Include Page
Reorderer Selectors
Reorderer Selectors
nopaneltrueReorderer Selectors

General Options

Include Page
Reorderer Configuration Options
Reorderer Configuration Options
nopaneltrueReorderer Configuration Options

Grid-specific Options

Include Page
Grid Reorderer Configuration Optionsnopaneltrue
Grid Reorderer Configuration Options
nopaneltrue

...

Dependencies

The Grid Reorderer dependencies can be met by including the minified InfusionAll.js file in the header of the HTML file:

...