Sorting is not working in my JSF PrimeFaces Datatable and blank (empty) rows are displayed filtering

Feb 22, 2011 03:27:13

I am using primefaces-2.2.1.jar, jsf-api-2.0.4-b09.jar, jsf-impl-2.0.4-b09.jar (Mojarra), Facelets. I have got a complex datatable with paging, filtering and sorting.
I have got the following two problems.
1. Sorting is not at all working in my PrimeFaces Datatable. Nothing happens when I click on the column name only the arrow icon moves up and down.
2. After doing filtering if I click on any page number then blank (empty) rows are displayed. For e.g. http://img203.imageshack.us/i/65541713.jpg/

My every element in the list is like this
element 1 - id 231ab4 - String
carsettings - Map
|
|--- car-color: Black
|--- model: Classic A322
|--- manufacturer: BMW
element 2
element 3
...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.prime.com.tr/ui"
xmlns:ui="http://java.sun.com/jsf/facelets"
>
<h:head>
<title>List of Cars</title>
<link href="./../css/styles.css" rel="stylesheet" type="text/css" />
</h:head>
<h:body>
<ui:composition template="/template.xhtml">
<ui:define name="content">
<f:view>
<f:event type="preRenderView" listener="#{MyBackingBean.load}"></f:event>
<center>
<h1>Car View</h1>
<h:outputText value="No data found" style="font-size: 15px;font-family: Arial, Verdana,Helvetica, sans-serif" rendered="#{MyBackingBean.noDataExist}"></h:outputText>
<h:form id="dataform1">
<p:dataTable var="item" value="#{MyBackingBean.dataList}" dynamic="true" paginator="true" rows="2" id="table" style="width:60%"
rendered="#{!MyBackingBean.noDataExist}" >
<p:column sortBy="#{item.id}" filterBy="#{item.id}">
<f:facet name="header">
<h:outputText value="ID" />
</f:facet>
<h:outputText value="#{item.id}" />
</p:column>
<p:column sortBy="#{item.carsettings['car-color']}" filterBy="#{item.carsettings['car-color']}">
<f:facet name="header">
<h:outputText value="Color" />
</f:facet>
<h:outputLink target="_blank" value="http://#{item.carsettings['car-color']}">
<h:outputText value="#{item.carsettings['car-color']}" />
</h:outputLink>
</p:column>
<p:column sortBy="#{item.carsettings.model}" filterBy="#{item.carsettings.model}">
<f:facet name="header">
<h:outputText value="Model" />
</f:facet>
<h:outputText value="#{item.carsettings.model}" />
</p:column>
<p:column sortBy="#{item.carsettings.manufacturer}" filterBy="#{item.carsettings.manufacturer}">
<f:facet name="header">
<h:outputText value="Manufacturer" />
</f:facet>
<h:outputText value="#{item.carsettings.manufacturer}" />
</p:column>
</p:dataTable>
</h:form>
</center>
</f:view>
</ui:define>
</ui:composition>
</h:body>
</html>

Please help at the earliest

What does a metric clock look like? I bet it is nothing like this tiny ad:

a bit of art, as a gift, the permaculture playing cards

https://gardener-gift.com