CODEWITHSUNDEEP
javaajaxjsfrichfaces
sblundy
sblundy

Reputation: 61414

Server-side DataTable Sorting in RichFaces

I have a data table with a variable number of columns and a data scroller. How can I enable server side sorting? I prefer that it be fired by the user clicking the column header.

<rich:datascroller for="instanceList" actionListener="#{pageDataModel.pageChange}"/>
<rich:dataTable id="instanceList" rows="10" value="#{pageDataModel}"
                var="fieldValues" rowKeyVar="rowKey">
  <rich:columns value="#{pageDataModel.columnNames}" var="column" index="idx">
    <f:facet name="header">
      <h:outputText value="#{column}"/>
    </f:facet>          
    <h:outputText value="#{classFieldValues[idx]}" />
  </rich:columns>
</rich:dataTable>

I already have a method on the bean for executing the sort.

public void sort(int column)

Upvotes: 8

Views: 19918

Answers (5)

Philipp
Philipp

Reputation: 11

Your datamodel needs to implement "Modifiable" interface.

The datatable will call it's modify() method to do serverside sorting and filtering.

Upvotes: 1

Marco
Marco

Reputation: 9097

There is a fairly elegant solution to this solution here:

http://livedemo.exadel.com/richfaces-demo/richfaces/sortingFeature.jsf?tab=ex-usage

This demo avoids using the tag.

Upvotes: 2

Shervin Asgari
Shervin Asgari

Reputation: 24499

Cant you just use Collection.sort() when you retrieve the List?

Upvotes: 1

Patrick
Patrick

Reputation: 1338

Have a look at the "sortBy" property of "rich:columns", maybe that's what you're looking for. Richfaces Reference

Upvotes: 1

sblundy
sblundy

Reputation: 61414

I ended up doing it manually. I adding a support tag to the header text tag, like so.

<h:outputText value="#{column}">
  <a4j:support event="onclick" action="#{pageDataModel.sort(idx)}"
               eventsQueue="instancesQueue"
               reRender="instanceList,instanceListScroller"/>
</h:outputText>

To get the ascending/descending arrows, I added a css class.

<h:outputText value="#{column}" styleClass="#{pageDataModel.getOrderClass(idx)}" >
  <a4j:support event="onclick" action="#{pageDataModel.sort(idx)}"
               eventsQueue="instancesQueue"
               reRender="instanceList,instanceListScroller"/>
</h:outputText>

Upvotes: 6

Related Questions