[richfaces-issues] [JBoss JIRA] Commented: (RF-4174) ScrollableDatatable sort does not work and strange rendering after clicking header to sort (while testing ScrollableDataTable from the live demo)

Steven Decock (JIRA) jira-events at lists.jboss.org
Wed Apr 15 10:28:50 EDT 2009


    [ https://jira.jboss.org/jira/browse/RF-4174?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12462347#action_12462347 ] 

Steven Decock commented on RF-4174:
-----------------------------------

Same issue here. 
This error is seriously hindering the use of ScrollableDataTable in our project. 
In order for this error to finally be resolved I have taken the time to attach a small example WAR demonstrating this issue. 
This war is deployable on WLS 10.3, for use on JBoss it might need some adjustments. 
I have also attached the sources (in a Maven project), so the example project can be built from scratch. 

To reproduce the error: 
- deploy TestWeb-0.1-SNAPSHOT.war to your app server (might need some small changes in order to work on JBoss). 
 (alternatively: build the project from the sources included: testWeb.rar) 
- Open the application in browser: http://localhost:xxxx/webapp/ 
- You will see a ScrollableDataTable with two columns: "Name" and "First Name" and a list of persons. 
- You can sort the table by clicking the column headers. The sorting works. 
- After sorting click the button "Find", which will reload the list of persons shown in the datatable. The datatable will 
be rerendered and will show the error described in this issue. The rendering of the table is completely off (no styles 
applied and headers appear after the footers) and the datatable is no longer functional (no sorting, no selection of rows). 


> ScrollableDatatable sort does not work and strange rendering after clicking header to sort  (while testing ScrollableDataTable from the live demo)
> --------------------------------------------------------------------------------------------------------------------------------------------------
>
>                 Key: RF-4174
>                 URL: https://jira.jboss.org/jira/browse/RF-4174
>             Project: RichFaces
>          Issue Type: Bug
>    Affects Versions: 3.2.1
>         Environment: Eclipse 3.3.1, Tomcat 6.0.14, Internet Explorer 6
>            Reporter: Yves Janssen
>            Assignee: Tsikhon Kuprevich
>         Attachments: after sort.bmp, before sort.bmp
>
>
> After having strange behaviour in our application with the scrollable Datatable I loaded the example from the live demo
> But in this example I have the same strange behaviour:
> ScrollableDatatable sort does not work and strange rendering after clicking header to sort (no styles applied and headers appear after the footers)
>  <ui:composition xmlns="http://www.w3.org/1999/xhtml"
>       xmlns:ui="http://java.sun.com/jsf/facelets"
>       xmlns:h="http://java.sun.com/jsf/html"
>       xmlns:f="http://java.sun.com/jsf/core"
>       xmlns:a4j="http://richfaces.org/a4j"
>       xmlns:rich="http://richfaces.org/rich">
> 		<html xmlns="http://www.w3.org/1999/xhtml">
> 			<head>
> 				<title>SDT</title>
> 				<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
> 			</head>
> 		<body>		
> 		<h:form>
> 			<rich:spacer height="30" />
> 			<rich:scrollableDataTable rowKeyVar="rkv" frozenColCount="1" height="400px" 
> 				width="700px" id="carList" rows="40" columnClasses="col"
> 				value="#{dataTableScrollerBean.allCars}" var="category" sortMode="single"
> 				binding="#{dataTableScrollerBean.table}"
> 				selection="#{dataTableScrollerBean.selection}">
> 				<rich:column id="make">
> 					<f:facet name="header"><h:outputText styleClass="headerText" value="Make" /></f:facet>
> 					<h:outputText value="#{category.make}" />
> 				</rich:column>
> 				<rich:column id="model">
> 					<f:facet name="header"><h:outputText styleClass="headerText" value="Model" /></f:facet>
> 					<h:outputText value="#{category.model}" />
> 				</rich:column>
> 				<rich:column id="price">
> 					<f:facet name="header"><h:outputText styleClass="headerText" value="Price" /></f:facet>
> 					<h:outputText value="#{category.price}" />
> 				</rich:column>
> 				<rich:column id="mileage">
> 					<f:facet name="header"><h:outputText styleClass="headerText" value="Mileage" /></f:facet>
> 					<h:outputText value="#{category.mileage}" />
> 				</rich:column>
> 				<rich:column width="200px" id="vin">
> 					<f:facet name="header"><h:outputText styleClass="headerText" value="VIN" /></f:facet>
> 					<h:outputText value="#{category.vin}" />
> 				</rich:column>
> 				<rich:column id="stock">
> 					<f:facet name="header"><h:outputText styleClass="headerText" value="Stock" /></f:facet>
> 					<h:outputText value="#{category.stock}" />
> 				</rich:column>
> 			</rich:scrollableDataTable>
> 			<rich:spacer height="20px"/>
> 			<a4j:commandButton value="Show Current Selection" reRender="table" 
> 				action="#{dataTableScrollerBean.takeSelection}" 
> 				oncomplete="javascript:Richfaces.showModalPanel('panel');"/>
> 		</h:form>
> 		<rich:modalPanel id="panel" autosized="true">
> 				<f:facet name="header">
> 					<h:outputText value="Selected Rows"/>
> 				</f:facet>
> 				<f:facet name="controls">
> 					<span style="cursor:pointer" onclick="javascript:Richfaces.hideModalPanel('panel')">X</span>
> 				</f:facet>
> 			<rich:dataTable value="#{dataTableScrollerBean.selectedCars}" var="sel" id="table">
> 				<rich:column>
> 					<f:facet name="header"><h:outputText value="Make" /></f:facet>
> 					<h:outputText value="#{sel.make}" />
> 				</rich:column>
> 				<rich:column id="model">
> 					<f:facet name="header"><h:outputText value="Model" /></f:facet>
> 					<h:outputText value="#{sel.model}" />
> 				</rich:column>
> 				<rich:column id="price">
> 					<f:facet name="header"><h:outputText value="Price" /></f:facet>
> 					<h:outputText value="#{sel.price}" />
> 				</rich:column>
> 				<rich:column id="mileage">
> 					<f:facet name="header"><h:outputText value="Mileage" /></f:facet>
> 					<h:outputText value="#{sel.mileage}" />
> 				</rich:column>
> 				<rich:column id="stock">
> 					<f:facet name="header"><h:outputText value="Stock" /></f:facet>
> 					<h:outputText value="#{sel.stock}" />
> 				</rich:column>
> 			</rich:dataTable>
> 		</rich:modalPanel>
> 		</body>
> 		</html>
> </ui:composition>

-- 
This message is automatically generated by JIRA.
-
If you think it was sent incorrectly contact one of the administrators: https://jira.jboss.org/jira/secure/Administrators.jspa
-
For more information on JIRA, see: http://www.atlassian.com/software/jira

        



More information about the richfaces-issues mailing list