基于JSF开发：rich:datascroller组建

r囧r小猫 2022-02-01 13:43 96阅读 0赞

使用该组建能实现分页显示功能。同时，参数配置不能有错误。

上代码：、

<rich:datascroller for="srlist" id="datasr2"  pageIndexVar="pageIndex" pagesVar="pages" align="right" style="itemslist-dtascroller-table" rendered="#{InvoiceManager.invcSuNingHdrList.size()>10}">
    		</rich:datascroller>

另外，rich:datascroller 必须在 <form>里面，例如 </h:form>

完整代码：

<rich:panel id="list" >
    		<rich:dataTable id="srlist" value="#{InvoiceManager.invcSuNingHdrList}" var="snOrderInvoice" rendered="#{not empty InvoiceManager.invcSuNingHdrList}" rows="9" >
    			<rich:column style="text-align:center;" >
    	   			<f:facet name="header">
    	   				<h:panelGroup>
    						<input type="checkbox" id="all"  onclick="chkAll()"/><h:outputText value="#{msg.all_selected}"/>	
    					</h:panelGroup>	
    				</f:facet>
    	   			<h:selectBooleanCheckbox id="cbox"  value="#{snOrderInvoice.select_ind}"  immediate="true" >
    				</h:selectBooleanCheckbox>
    	   		</rich:column> 
    	  	  <%--订单编号--%>
    	  	  <rich:column >
    			<f:facet name="header">
    				<h:outputText value="#{msg.snOrder_orderNbr}"/>
    			</f:facet>			  
    			<h:outputText value="#{snOrderInvoice.remark}" />
    		   </rich:column>
    		    <%--发票代码--%>
    			<rich:column >
    			<f:facet name="header">
    				<h:outputText value="#{msg.snOrder_invoice_code}"/>
    			</f:facet>			  
    			<h:outputText value="#{snOrderInvoice.wh_invc_id}" />
    		   </rich:column>
    		    <%--发票号码--%>
    		   <rich:column >
    			<f:facet name="header">
    				<h:outputText value="#{msg.snOrder_invoice_number}"/>
    			</f:facet>			  
    			<h:outputText value="#{snOrderInvoice.wh_invc_nbr}" />
    		   </rich:column>
    		   <%--发票抬头--%>
    		    <rich:column >
    			<f:facet name="header">
    				<h:outputText value="#{msg.snOrder_invoice_number}"/>
    			</f:facet>			  
    			<h:outputText value="#{snOrderInvoice.cust_name}" />
    		   </rich:column>
    		   <%--台名称--%>
    		   <rich:column >
    			<f:facet name="header">
    				<h:outputText value="#{msg.snOrder_invoice_number}"/>
    			</f:facet>			  
    			<h:outputText value="#{snOrderInvoice.create_user}" />
    		   </rich:column>
    		   <%--冲红发票号码--%>
    		    <rich:column >
    			<f:facet name="header">
    				<h:outputText value="#{msg.snOrder_invoice_number}"/>
    			</f:facet>			  
    			<h:outputText value="#{snOrderInvoice.and_red_id}" />
    		   </rich:column>
    		    <%--发票状态--%>
    		    <rich:column >
    			<f:facet name="header">
    				<h:outputText value="#{msg.snOrder_invoice_number}"/>
    			</f:facet>			  
    			<h:outputText value="#{snOrderInvoice.stat_cde}" /> 
     			</rich:column>
     			 <%--发票类型--%>
    		    <rich:column >
    			<f:facet name="header">
    				<h:outputText value="#{msg.snOrder_invoice_number}"/>
    			</f:facet>			  
    			<h:outputText value="#{snOrderInvoice.invc_type}" /> 
     			</rich:column>
     			 <%--发票创建人--%>
    		    <rich:column >
    			<f:facet name="header">
    				<h:outputText value="#{msg.snOrder_invoice_number}"/>
    			</f:facet>			  
    			<h:outputText value="#{snOrderInvoice.create_user}" /> 
     			</rich:column>
     			 <%--发票开票日期--%>
      		    <rich:column >
    			<f:facet name="header">
    				<h:outputText value="#{msg.snOrder_invoice_number}"/>
    			</f:facet>			  
    			<h:outputText value="#{snOrderInvoice.create_dte}" />
    		   </rich:column>
     			<%--发票更改日期--%>
    		    <rich:column >
    			<f:facet name="header">
    				<h:outputText value="#{msg.snOrder_invoice_number}"/>
    			</f:facet>			  
    			<h:outputText value="#{snOrderInvoice.update_dte}" /> 
     			</rich:column>
    		</rich:dataTable>
    		
    		<%-- <rich:datascroller for="srlist" maxPages="1"  rendered="#{not empty InvoiceManager.invcSuNingHdrList}" ajaxSingle="false" renderIfSinglePage="false">
      		</rich:datascroller>  --%>
      		<%--使用分页显示--%>
      		 <rich:datascroller for="srlist" id="datasr2"  pageIndexVar="pageIndex" pagesVar="pages" align="right" style="itemslist-dtascroller-table" rendered="#{InvoiceManager.invcSuNingHdrList.size()>10}">
    		</rich:datascroller>
    	</rich:panel>

显示效果：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NDExODc0_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NDExODc0_size_16_color_FFFFFF_t_70]: /images/20220201/456dce50f2f247eba09e45a0bcb040fd.png