dataScroller shows without numbers with the collapsibleSubTable
kohancan Apr 17, 2016 7:45 PMI 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