Cách tùy chỉnh trình chọn trang từ PrimeFaces datatable

Question

Tôi muốn tùy chỉnh số trang bảng của bảng dữ liệu của Thủ tướng Chính phủ PrimeFace.

Hiện tại, nó đang hiển thị số lượng trang ở dưới cùng là: (1 of 5). Tôi muốn hiển thị số lượng bản ghi trong một trang trong tổng số bản ghi, chẳng hạn như: (1-10 of 50).

Tôi đã bao gồm mã của mình bên dưới - nhưng nó không hoạt động. Bất cứ ai có thể vui lòng hỗ trợ?

<p:dataTable id="tblStatusSearch" var="item" rowIndexVar="rowStatusSearch"  
    rows="10" paginator="true" 
    paginatorTemplate="{CurrentPageReport} 
    {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} " 
    value="#{StatusAction.listEBeans}" 

<f:facet name="footer"> 
    <h:outputText value="#{rowStatusSearch + 1} - 10 out of #{bondLocationStatusAction.itemCount}"/> 
</f:facet> 

Answer 1

"please refer to the attached image" Tôi nghĩ rằng bạn đã quên để đính kèm hình ảnh;)

Nếu bạn muốn hiển thị kích thước trang in của bạn p:datatable bạn nên tuyên bố hai trường trong đậu của bạn và giữ pageSize và first luận đánh giá cao hình thức load phương pháp bên trong chúng thì bạn có thể hiển thị kích thước trang với sau paginatorTemplate:

paginatorTemplate=" {CurrentPageReport} #{yourBean.first + yourBean.pageSize} and rest of you template "

hãy nhớ rằng EL hoạt động trong thuộc tính paginatorTemplate.

Answer 2

Bạn có thể sử dụng một PrimeFaces currentPageReportTemplate cho CurrentPageReport như thế này:

<p:dataTable id="tblStatusSearch" var="item" paginator="true" rows="10" 
    currentPageReportTemplate="Showing {startRecord}-{endRecord} out of {totalRecords}" 
    paginatorTemplate="{CurrentPageReport} 
{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} " 
    value="#{StatusAction.listEBeans}"> 

Tôi xác nhận rằng nó hoạt động trong PrimeFaces 3.4.2. Nó có mặt trong hướng dẫn sử dụng cho PrimeFaces 3.0, vì vậy nếu bạn đang sử dụng PrimeFaces 3.x nó sẽ làm việc cho bạn.

Answer 3

Điều này sẽ giải quyết mục đích của bạn mà tôi nghĩ.

<p:dataTable id="datatable" var="car" value="#{myBean.cars}" paginator="true" rows="10" 
paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {CurrentPageReport}" 
currentPageReportTemplate="{startRecord} - {endRecord} of {totalRecords}"> 
<p:column...../> 
<p:column...../> 
</p:datatable>  

Thay vì {CurrentPageReport}, bạn sẽ có thể thấy những gì bạn đang tìm kiếm.