PhotoAlbum Application Download Support Developer Guide
Skins:
Resources/Beans Handling
Ajax Miscellaneous
Usage
Tag Information

orderingList component allows to reorder items in a list.

Ordering List could contain several columns in list representation. And it also has strong keyboard support out of the box.

OrderingList example

Manage simple playlist represented via Ordering List:


Song Name
Artist Name
 Yes Sir, I Can Boogie Baccara
 Sorry, i`m A Lady Baccara
 A Quien Le Importa Baccara
 The Devil Send You To Laredo Baccara
 Ni Mas Ni Menos Baccara
 Parlez-vous Francais? Baccara
 Que Naadie Sepa Mi Sufrir Baccara
 Borriquito Baccara
 Love Me Please Love Me Baccara
 Paloma Blanca Baccara
 Me Tienes Desenganada Baccara
 El Porompompero Baccara
 Yes Sir, I Can Boogie Baccara
 Sorry, i`m A Lady Baccara
 Storm on Serret Mountain David Miles Huber
 After the Storm David Miles Huber
 Storm on Serret Mountain David Miles Huber
 Spring Showers David Miles Huber
 Exotic Journey David Miles Huber
 Evening Rain David Miles Huber
 Brandenburg Concerto No 1-1 I Bach, Johann Sebastian
 Brandenburg Concerto No 1-2 I Bach, Johann Sebastian
 Brandenburg Concerto No 1-3 I Bach, Johann Sebastian
 Brandenburg Concerto No 1-4 I Bach, Johann Sebastian
 Brandenburg Concerto No 2-1 I Bach, Johann Sebastian
 Brandenburg Concerto No 2-2 I Bach, Johann Sebastian
 Brandenburg Concerto No 2-3 I Bach, Johann Sebastian
 Brandenburg Concerto No 3-1 I Bach, Johann Sebastian
 Brandenburg Concerto No 3-2 I Bach, Johann Sebastian
 Organ Concerto In D Minor, BW Bach, Johann Sebastian
 Toccata & Fugue In D Minor, B Bach, Johann Sebastian
 The Road To Hell (Part 1) Chris Rea
 The Road To Hell (Part 2) Chris Rea
 You Must Be Evil Chris Rea
 Texas Chris Rea
 Looking For A Rainbow Chris Rea
 Your Warm And Tender Love Chris Rea
 Daytona Chris Rea
 That`s What They Always Say Chris Rea
 Let`s Dance Chris Rea
 I Just Wanna Be With You Chris Rea
 Tell Me There`s A Heaven Chris Rea
First
Up
Down
Last
Current Selection
No Songs Selected


View Source

In this example you may select some songs (using the mouse and Ctrl/Shift keys) and move them within the list using controls.

Content definition for this component is similar to any Iteration component. Thus, all you need is to define collection in Ordering List value attribute and iterate the collection in nested columns with var attribute.

In order to set initially selected rows or to process submitted selection, use selection attribute.

RichFaces Wiki RichFaces Project Site