Enhancement primefaces#636 Add currentPageReportTemplate property to …

…Paginator
superhp · Nov 9, 2018 · 952f42f · 952f42f
1 parent 53078cf
commit 952f42f
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/src/components/paginator/Paginator.d.ts b/src/components/paginator/Paginator.d.ts
@@ -16,6 +16,7 @@ interface PaginatorProps {
     style?: object;
     className?: string;
     template?: string;
+	currentPageReportTemplate?: string; 
     leftContent?: JSX.Element | undefined;
     rightContent?: JSX.Element | undefined;
     onPageChange?(event: PageState): void;

diff --git a/src/components/paginator/Paginator.js b/src/components/paginator/Paginator.js
@@ -20,6 +20,7 @@ export class Paginator extends Component {
         style: null,
         className: null,
         template: 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown',
+		currentPageReportTemplate: '({currentPage} of {totalPages})', 
         onPageChange: null,
         leftContent: null,
         rightContent: null
@@ -34,6 +35,7 @@ export class Paginator extends Component {
         style: PropTypes.object,
         className: PropTypes.string,
         template: PropTypes.string,
+		currentPageReportTemplate: PropTypes.string, 
         onPageChange: PropTypes.func,
         leftContent: PropTypes.any,
         rightContent: PropTypes.any
@@ -172,7 +174,7 @@ export class Paginator extends Component {
                 break;
 
                 case 'CurrentPageReport':
-                    element = <CurrentPageReport key={key} page={this.getPage()} pageCount={this.getPageCount()} />;
+                    element = <CurrentPageReport key={key} page={this.getPage()} pageCount={this.getPageCount()} template={this.props.currentPageReportTemplate} />;
                 break;
 
                 default:

diff --git a/src/showcase/paginator/PaginatorDemo.js b/src/showcase/paginator/PaginatorDemo.js
@@ -182,6 +182,12 @@ import {Paginator} from 'primereact/paginator';
                             <td>FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown</td>
                             <td>Template of the paginator.</td>
                         </tr>
+                        <tr>
+                            <td>currentPageReportTemplate</td>
+                            <td>string</td>
+                            <td>{'({currentPage} of {totalPages})'}</td>
+                            <td>Template of current page report. Two possible indicators: {'{'}currentPage{'}'} and {'{'}totalPages{'}'}. CurrentPageReport key has to be set in template property. </td>
+                        </tr>
                         <tr>
                             <td>leftContent</td>
                             <td>any</td>