1 Reply Latest reply on Apr 18, 2016 4:29 AM by Michal Petrov

    dataScroller shows without numbers with the collapsibleSubTable

    Massoud Kohan Newbie

      I have DataTabe with collapsibleSubTable which works perfectly but when I added the datascorller on the bottom or top, it shows the grey out arrows without any numbers, there are 11  collapsibleSubTable and total 19 records.

      how can I solve this? here are my codes I tried the dataScroller for="table" and also with for="sbtbl" but the results are thesame without the numbers:

      <h:form id="form">

        <h:panelGrid columnClasses="left">

           <rich:dataTable  id="table" value="#{customBeanTwo.workItemApprovalLists}"  var="list" rows="22"  onRowMouseOver="this.style.backgroundColor='#GGGGGG'" onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'" >

        <f:facet name="header">                       

        <rich:columnGroup>

                          <rich:column colspan="8">

                              <h:outputText value="WorkItems Approvals" />

                          </rich:column>

                          <rich:column breakRowBefore="true">

                              <h:outputText value="WorkItem/Decision" />

                          </rich:column>                    

                           <rich:column>

                              <h:outputText value="RequestId" />

                          </rich:column>

                          <rich:column>

                              <h:outputText value="Application" />

                          </rich:column>

                          <rich:column>

                              <h:outputText value="Operation" />

                          </rich:column>

                          <rich:column>

                              <h:outputText value="Attribute" />

                          </rich:column>

                     <rich:column>

                              <h:outputText value="Value(s)" />

                          </rich:column>

        <rich:column>

                              <h:outputText value="Requester Comments" />

                          </rich:column>

        <rich:column>

         <h:outputText value="Comments" />                    

                          </rich:column>

                      </rich:columnGroup>

                  </f:facet>

        <rich:column colspan="8">

                      <rich:collapsibleSubTableToggler for="sbtbl" />

                      <h:outputText value="#{list.item}" />

       

        <h:inputHidden value="#{customBeanTwo.workItemApprovalLists.size()}" id="SubTableNumber" />

        <h:inputHidden value="#{list.count}" id="collapsSubTableNumber" />

                  </rich:column>

        <rich:collapsibleSubTable value="#{list.approvalItems}" var="item" id="sbtbl" expandMode="client" expanded="true" rows="8">

                        <rich:column>

                       <div style='float:left;width:20px;height:20px' class='approveRadio imageRadio' onclick="toggleButtons(this);"> </div>

                <div style='margin-left:21px;width:20px;height:20px' class='revokeRadio imageRadio' onclick="toggleButtons(this);"> </div>

                       </rich:column>

        <rich:column>

                          <h:outputText value="#{item.requestIdNumber}" />

        <h:inputHidden value="#{item.workItemNumber}" id="workItemNumber" /> <h:inputHidden value="#{item.workItemName}" id="workItemName" />

         

                      </rich:column>

                      <rich:column>

                          <h:outputText value="#{item.application}" />

        <h:inputHidden value="#{item.requestIdNumber}" id="requestIdNumber" /> <h:inputHidden value="#{item.requestId}" id="requestId" /> 

        <h:inputHidden  id="approvalId"   value="#{item.approvalId}"  /><h:inputHidden value="#{item.approvalItemName}" id="approvalItemName" />

        <h:inputHidden value="#{item.approvalItemValue}" id="approvalItemValue" />

                      </rich:column>

                      <rich:column>

                          <h:outputText value="#{item.operation}" />

                      </rich:column>

                      <rich:column>

                          <h:outputText value="#{item.approvalItemName}" />

                      </rich:column>

                      <rich:column>

                          <h:outputText value="#{item.approvalItemValue}" />

                      </rich:column>

        <rich:column>

                          <h:outputText value="#{item.requester}" />

                      </rich:column>

                      <rich:column>

                          <h:inputText name="comment" />

                      </rich:column>

        <f:facet name="footer">

                          <h:outputText value="#{list.approvalItems.size()} item(s) " />

                      </f:facet>

        </rich:collapsibleSubTable>

       

              </rich:dataTable> 

        <rich:dataScroller for="sbtbl" maxPages="12" fastStep="3"/> 

           

      </h:panelGrid>

        <h:panelGrid>

       

      <h:commandButton value="Submit" action="#{customBeanTwo.submit_complete}" class="btn primaryBtn btn btn-success btn-next" >

          <a4j:ajax execute="@form" render="pnlResult"  onevent="handleDisableButton" />

         </h:commandButton> 

      <br/><br/>

          <a4j:status>

          <f:facet name="start">

        <h:outputText id="test" value="In Progress...." />      <h:graphicImage value="../../images/progress.gif" alt="Working" />

          </f:facet>

          <f:facet name="stop">

              <!-- no image; successfully loaded, or could display a checkmark or something -->

          </f:facet>

         </a4j:status>

         <br/><br/>

        <h:outputText id="pnlResult" value="#{customBeanTwo.result}" escape="false" />

        </h:panelGrid>

          </h:form>

       

       

      Thanks

      MK