couple of problems with RF 3.3.0.GA

[asookazian]

RF 3.3.0.GA
Seam 2.0.2-FP

plz reference my post here: https://jira.jboss.org/jira/browse/JBSEAM-4137

so now the app is not crashing (no more java.lang.NoClassDefFoundError: org/apache/commons/beanutils/PropertyUtils) after the build.xml refactoring.

Here are the issues I'm currently facing with rich:scrollableDataTable in a rich:modalPanel:

1) sort does not work when I click column header (no exceptions). I do see the up/down arrow in the header after I click it, however. The data set sorting is not changing as per my expection.

2) after I click the header, then close the modalPanel, then open the modalPanel again, the presentation of the dataTable is all messed up (misaligned and no headers). this is very strange as there are no exceptions in server.log again.

Are these known issues? Here is my relevant code:

<a4j:outputPanel id="opanel1">
 <rich:modalPanel id="mpanel1" width="475" height="300">

 <f:facet name="header">
 <h:panelGroup>
 <h:outputText
 value="Equipment History" />
 </h:panelGroup>
 </f:facet>

 <f:facet name="controls">
 <h:panelGroup>
 <h:graphicImage value="/img/close.png" id="hidelink1">
 <rich:componentControl for="mpanel1" attachTo="hidelink1" operation="hide" event="onclick"/>
 </h:graphicImage>
 </h:panelGroup>
 </f:facet>

 <s:div id="dataModalDiv">

 <a4j:form id="form1">

 <rich:scrollableDataTable id="equipmentHistoryMovementTable"
 frozenColCount="1"
 value="#{equipmentHistoryMovementList}"
 var="equipmentHistoryMovementBean"
 width="425px"
 height="200px"
 sortMode="single"
 rendered="#{equipmentHistoryMovementList.getRowCount() > 0}">

 <rich:column>
 <f:facet name="header">
 <h:outputText value="Account Number" />
 </f:facet>
 <h:outputText value="#{equipmentHistoryMovementBean.accountNumber}" />
 </rich:column>
 <rich:column>
 <f:facet name="header">
 <h:outputText value="Returned Date" />
 </f:facet>
 <h:outputText value="#{equipmentHistoryMovementBean.returnedDate}" >
 <s:convertDateTime pattern="MM-dd-yyyy"/>
 </h:outputText>
 </rich:column>
 <rich:column>
 <f:facet name="header">
 <h:outputText value="Return Reason Code" />
 </f:facet>
 <h:outputText value="#{equipmentHistoryMovementBean.returnReasonCode}" />
 </rich:column>
 <rich:column>
 <f:facet name="header">
 <h:outputText value="Employee Number" />
 </f:facet>
 <h:outputText value="#{equipmentHistoryMovementBean.employeeNumber}" />
 </rich:column>
 </rich:scrollableDataTable>

 <br />
 <br />

 <a4j:commandButton type="button"
 value="Close"
 onclick="Richfaces.hideModalPanel('mpanel1');"
 ajaxSingle="true"/>

 </a4j:form>
 </s:div>

 </rich:modalPanel>
 </a4j:outputPanel>

I looked at the example for rich:scrollableDataTable on the RF live demo site and it doesn't look like you have to do anything special to enable sorting, etc. with this RF component.

What is going on???

[asookazian]

using IE7 btw.

Just noticed an "unspecified error" line: 63, char: 23 (Javascript error) when the abnormal presentation of the scrollableDataTable occurs.

screenshots:

http://i145.photobucket.com/albums/r234/rabiesjoy/java/abnormalScrollableDataTable.jpg

http://i145.photobucket.com/albums/r234/rabiesjoy/java/normalScrollableDataTable.jpg

[ilya_shaikovsky]

1) specify sortExpression on the column. Or at least specify the ids of columns the same as sorting properties names as it shown at demo.
2) please try 3.3.1 latest CR. couple scrollable layout issues works where done to this release.

[asookazian]

well I simply added the id attribute as follows:

<rich:column id="accountNumber">
 <f:facet name="header">
 <h:outputText value="Account Number" />
 </f:facet>
 <h:outputText value="#{equipmentHistoryMovementBean.accountNumber}" />
 </rich:column>

and now the sort works fine for all four columns (ASC + DESC).

HOWEVER, after I click on header to sort, then close modalPanel, then re-open modalPanel, I see the abnormal pic cited in this thread.

This is targeted as a production app (currently in UAT) and CR library is not acceptable. I will open a case with CSP for hotfix. thx for your help.

[asookazian]

How can I turn off sorting for all columns in scrollableDataTable?

I removed the id attribute for one of the columns but am still able to reproduce the problem (on IE7).

[ilya_shaikovsky]

sortable="false" on the column.. B.t.w. explore the demosite code - sorting is on there and not breaks the selected rows management.

[asookazian]

thx. sortable="false" worked on rich:column, however in IE7, the vertical separator bar in between the first column header and 2nd column header is missing now. strange.

also, the use case for the demo vs. mine is different. my sorting does work the first time the modal is displayed and you click on headers to sort, but I'm embedding the scrollableDataTable component inside a modalPanel, you're not in the demo.

when I hide and re-display the modal, the presentation is all messed up...

thx for your help!

[asookazian]

the missing vertical bar between 1st and 2nd column is happening in the scrollableDataTable in demo as well (IE7 only, not FF):

http://livedemo.exadel.com/richfaces-demo/richfaces/scrollableDataTable.jsf