Pages

Friday, January 11, 2013

JSF 2.x Tip of the Day: RichFaces Table Sorting (3-position switch design)

A technique I like to call the three position switch is what I use for sorting on my RichFaces tables. This consists of default (unsorted), ascending, and descending. It is implemented very easily by setting the <rich:column/> sortOrder attribute to point to our current sort, and using an <a4j:commandLink> in the header facet to control the sort as shown in the example below. This simple technique makes sorting simple and sexy.

code



This additional code will let the user know which sorting direction we are currently using.

3 comments:

  1. You need to remove brackets from sort method:
    action="#{complexDataTable.sort}"

    ReplyDelete
  2. There is a syntactical error in action="#{complexDataTable.sort()}" you need to remove brackets.

    ReplyDelete
  3. That is not correct!

    I tested it on GlassFish 3.0.1, 3.1, 3.1.1, 3.1.2, and 3.1.2.2 and it worked perfectly fine. I checked it after you posted your comment. It was developed on GlassFish 3.1.2.2.

    ReplyDelete