[ 
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

        
_______________________________________________
richfaces-issues mailing list
[email protected]
https://lists.jboss.org/mailman/listinfo/richfaces-issues

Reply via email to