Versions Compared

Key

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

List Reorderer Overview

The List Reorderer allows reordering of elements in a vertical or horizontal list. This page provides technical details of the API. For a simple working example, see Integrating the Reorderer.


Creation

Code Block
javascript
javascript
var myReorderableList = fluid.reorderList(container[, options]);

Parameters

container

The container is a CSS-based selector, single-element jQuery object, or DOM element that identifies the DOM element containing the list items to be reorderable. This may be the list itself (e.g. the <ul> or <ol> element) or an element that contains the list.

options

The options object is an optional collection of key/value pairs that can be used to further configure the List Reorderer, as described below in the fluid:Options section.

Column
Panel
borderColor#321137
bgColor#fff
titleBGColor#aab597
borderStylesolid
titleStatusborderStylesolid

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
borderStyle
borderColor#321137
bgColor#fff
titleBGColor#cccccc
borderStylesolid
titleStill need help?solid

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

...

The List Reorderer fires the following events (for more information about events, see Events for Component Users):

Include Page
Infusion13:Reorderer EventsInfusion13:
Reorderer Events
nopaneltrue

...

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

Include Page
Infusion13:Reorderer SelectorsInfusion13:
Reorderer Selectors
nopaneltrue

General options

Include Page
Infusion13:Reorderer Configuration OptionsInfusion13:
Reorderer Configuration Options
nopaneltrue

List-specific options

Include Page
Infusion13:List Reorderer Configuration OptionsInfusion13:
List Reorderer Configuration Options
nopaneltrue

...

Alternatively, the individual file requirements are:

Include Page
Infusion13:Reorderer DependenciesInfusion13:
Reorderer Dependencies