5 Replies Latest reply on Apr 9, 2013 11:28 AM by flavioeasy

    rich:extendedDataTable with rich:dataScroller issue

    geematticks

      Hi all, I'm experiencing an issue with richfaces where currently the rich:extendedDataTable component doesn't work properly with the rich:dataScroller.

      It renders pefectly at first, but when I change the page (via the dataScroller) the scrollbars completely dissapear and the dataTable is largely ununsable.

       

      (Before)

      1.JPG

       

       

      (After selecting different page.)

      2.jpg

       

      Is this a known issue at all?

      We are using Richfaces 4, JSF 2.0, developing for IE7.

       

      Thanks,

      Gerrone.

        • 1. Re: rich:extendedDataTable with rich:dataScroller issue
          geematticks

          Can anyone help? Here is the some sample code for what we are trying to do. Apologies HTML code tag doesnt seem to be working for me.

           

           

          Code

                                          <div align="center">
                                              <rich:dataScroller id="scroller4" for="reportTable" maxPages="5"
                                                                 fastStep="5" pageIndexVar="pageIndex" pagesVar="pages" >
                                              </rich:dataScroller>
                                          </div>

                                          <c:if test="#{!reportBean.getDataGrid('FILTER_DATAGRID_DATA').dataList.isEmpty()}">
                                              <div class="corners"  >
                                                  <rich:extendedDataTable value="#{reportBean.getDataGrid('FILTER_DATAGRID_DATA').dataList}"
                                                                          var="item" id="reportTable" rows="20"
                                                                           selectionMode="none"
                                                                          rowClasses="oddRow, evenRow"
                                                                          style="width: 1030px; height: 200px;">
                                                      <!-- if grid has under 11 columns, grid width is 100% wide,
                                                      else it is over 100% wide in which case is scrollable -->

                                                      <c:forEach var="entry" items="#{reportBean.getDataGrid('FILTER_DATAGRID_DATA').headerList}" varStatus="index" >

                                                          <rich:column width="${80 + entry.length()*4}px" rendered ="#{!(entry.contains('*HIDDEN*')) and !(entry.contains('SELECT_CHK_BOX'))}">
                                                              <f:facet name="header">
                                                                  <h:outputText value="${entry}"/>
                                                              </f:facet>

                                                              <c:choose>
                                                                  <c:when test="#{entry.toLowerCase() == 'id''}">
                                                                      <!-- id link if read access -->
                                                                      <a4j:commandLink
                                                                          onclick="displayLoadingPopup('Loading Detail', 'XMCI : #{item.get(entry)}')"
                                                                          action="#{searchBean.getExceptionDetail(item.get(entry),item.get('REPORT ID *HIDDEN*') ,'true','RC-ID')}"
                                                                          rendered="#{item.get('IS_IDILINK_ENABLE') == 'TRUE'}">
                                                                          <h:outputText value="#{item.get(entry)}"  />
                                                                      </a4j:commandLink>
                                                                      <!-- id text if not access -->
                                                                      <h:outputText value="#{item.get(entry)}"
                                                                                    styleClass="#{item.get('id'') ==
                                                                                                  searchBean.lastUpdatedID ? 'updatedexception' : 'none'}"
                                                                                    rendered="#{item.get('IS_IDLINK_ENABLE') == 'FALSE'}"/>

                                                                  </c:when>
                                                                  <c:when test="#{entry.toLowerCase() == 'eid'}">
                                                                      <a4j:commandLink
                                                                          onclick="displayLoadingPopup('Loading EID : #{item.get(entry)}')"
                                                                          action="#{reportBean.getEIDDetails(item.get(entry), 'true','RC-EID')}">
                                                                          <h:outputText value="#{item.get(entry)}"  />
                                                                      </a4j:commandLink>
                                                                  </c:when>
                                                                  <c:otherwise>
                                                                      <h:outputText value="#{item.get(entry)}" />          
                                                                  </c:otherwise>
                                                              </c:choose>
                                                          </rich:column>
                                                      </c:forEach>
                                                  </rich:extendedDataTable>
                                              </div>
                                          </c:if>
                                          <div align="center">
                                              <rich:dataScroller id="scroller5" for="reportTable" maxPages="5"
                                                                 fastStep="5" pageIndexVar="pageIndex" pagesVar="pages" >
                                              </rich:dataScroller>
                                          </div>

          • 2. Re: rich:extendedDataTable with rich:dataScroller issue
            jhuska

            Hi,

             

            can you specify the version of the RF 4 please? Can you reproduce the issue on other browsers too ?

             

            And also I would recommend you to create a small application to reproduce your issue on (code provided shoud be

            http://sscce.org/) and attach it to this thread. It is prefered when the code looks quite complex.

             

            You can for example use:

            https://github.com/jhuska/richfaces-sanbox

            as a base. Just change the RF version in the pom.xml and the index.xhtml.

            • 3. Re: rich:extendedDataTable with rich:dataScroller issue
              flavioeasy

              Hi all,

               

              I'm currently using rf 4.3 and found the same issue.

               

              Is there any workaround ?

               

              Is there a plan to solve this issue ?    

               

              Any hint woulld be appreciated.

              • 4. Re: rich:extendedDataTable with rich:dataScroller issue
                jhuska

                Hi,

                 

                there is no issue reported to this behavior. Could you please rise a JIRA with minimal reproducer code following this:

                https://community.jboss.org/wiki/SubmittingEffectiveIssueReports?

                 

                Thanks,

                Juro

                • 5. Re: rich:extendedDataTable with rich:dataScroller issue
                  flavioeasy

                  Hi Juraj,

                   

                  forgive me, I mistate subject, the correct one was

                  bug with two extendedDataTable together x horizontal scrollbar

                   

                  Thanks a lot

                   

                  Flavio