Details
-
Type: New Feature
-
Status: Open
-
Priority: Minor
-
Resolution: Unresolved
-
Affects Version/s: 3.0.1, EE-3.0.0.GA
-
Fix Version/s: None
-
Component/s: ACE-Components
-
Labels:None
-
Environment:ICEfaces 3.0.1 & ICEfaces EE 3.0.0 GA
Description
We are using ace:dataTable with paginatorPosition="both" to show paginator in top and bottom of datatable.
<ace:dataTable id="carTable" value="#{aceDataTablePage.carList}"
var="car" paginator="true" paginatorPosition="both"
rows="10" reorderableColumns="true" resizableColumns="true"
paginatorTemplate="{CurrentPageReport} <br/> {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} Show Items {RowsPerPageDropdown} "
currentPageReportTemplate="Displaying {startRecord} - {endRecord} records of {totalRecords} (Page {currentPage} of {totalPages})"
rowsPerPageTemplate="10,25,50,75,100" singleSort="true"
filterListener="#{aceDataTablePage.filterListener}">
<ace:column headerText="Name" sortBy="#{car.name}">
<h:outputText id="idCell" value="#{car.name}" />
</ace:column>
<ace:column headerText="Model" sortBy="#{car.model}"
filterBy="#{car.model}" filterMatchMode="contains">
<h:outputText id="nameCell" value="#{car.model}" />
</ace:column>
<ace:column headerText="Make Year" sortBy="#{car.makeYear}">
<h:outputText id="chassisCell" value="#{car.makeYear}" />
</ace:column>
<ace:column headerText="Price" sortBy="#{car.price}">
<h:outputText value="#{car.price}" />
</ace:column>
</ace:dataTable>
With the above code, it displays as below,
Displaying 1 - 10 records of 29 (Page 1 of 3)
paginator buttons and show items dropdown
datatable
Displaying 1 - 10 records of 29 (Page 1 of 3)
paginator buttons and show items dropdown
instead we want to reverse the order of bottom paginator items, like this
Displaying 1 - 10 records of 29 (Page 1 of 3)
paginator buttons and show items dropdown
datatable
paginator buttons and show items dropdown
Displaying 1 - 10 records of 29 (Page 1 of 3)
Screenshot attached as well.
<ace:dataTable id="carTable" value="#{aceDataTablePage.carList}"
var="car" paginator="true" paginatorPosition="both"
rows="10" reorderableColumns="true" resizableColumns="true"
paginatorTemplate="{CurrentPageReport} <br/> {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} Show Items {RowsPerPageDropdown} "
currentPageReportTemplate="Displaying {startRecord} - {endRecord} records of {totalRecords} (Page {currentPage} of {totalPages})"
rowsPerPageTemplate="10,25,50,75,100" singleSort="true"
filterListener="#{aceDataTablePage.filterListener}">
<ace:column headerText="Name" sortBy="#{car.name}">
<h:outputText id="idCell" value="#{car.name}" />
</ace:column>
<ace:column headerText="Model" sortBy="#{car.model}"
filterBy="#{car.model}" filterMatchMode="contains">
<h:outputText id="nameCell" value="#{car.model}" />
</ace:column>
<ace:column headerText="Make Year" sortBy="#{car.makeYear}">
<h:outputText id="chassisCell" value="#{car.makeYear}" />
</ace:column>
<ace:column headerText="Price" sortBy="#{car.price}">
<h:outputText value="#{car.price}" />
</ace:column>
</ace:dataTable>
With the above code, it displays as below,
Displaying 1 - 10 records of 29 (Page 1 of 3)
paginator buttons and show items dropdown
datatable
Displaying 1 - 10 records of 29 (Page 1 of 3)
paginator buttons and show items dropdown
instead we want to reverse the order of bottom paginator items, like this
Displaying 1 - 10 records of 29 (Page 1 of 3)
paginator buttons and show items dropdown
datatable
paginator buttons and show items dropdown
Displaying 1 - 10 records of 29 (Page 1 of 3)
Screenshot attached as well.
Activity
- All
- Comments
- History
- Activity
- Remote Attachments
- Subversion