-
+
public
class
- | source
+ | source
import {Paging} from 'tablefilter/src/modules/paging.js'import {Paging} from 'tablefilter/src/modules/paging.js'
@@ -141,7 +141,8 @@
-
+
@@ -169,13 +170,13 @@
@@ -202,13 +203,14 @@
@@ -227,13 +229,14 @@
@@ -252,13 +255,14 @@
@@ -277,13 +281,14 @@
@@ -302,13 +307,14 @@
@@ -327,13 +333,14 @@
@@ -352,13 +359,14 @@
@@ -377,13 +385,14 @@
@@ -402,13 +411,14 @@
@@ -427,13 +437,14 @@
@@ -452,63 +463,14 @@
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
@@ -552,13 +514,14 @@
@@ -577,13 +540,14 @@
@@ -602,13 +566,14 @@
@@ -627,13 +592,14 @@
@@ -652,13 +618,14 @@
@@ -677,13 +644,14 @@
@@ -702,13 +670,14 @@
@@ -727,13 +696,14 @@
@@ -752,13 +722,14 @@
@@ -777,13 +748,14 @@
@@ -802,13 +774,14 @@
@@ -827,13 +800,15 @@
@@ -852,13 +827,14 @@
@@ -877,13 +853,14 @@
@@ -902,13 +879,14 @@
@@ -927,413 +905,14 @@
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- public
-
-
-
-
-
-
-
@@ -1365,7 +944,7 @@
@@ -1385,13 +964,14 @@
@@ -2073,18 +1653,18 @@ Refresh paging select according to number of pages
- constructor(tf: Object)
+ constructor(tf: TableFilter)
- source
+ source
-
@@ -2099,7 +1679,7 @@ Refresh paging select according to number of pages
tf
- Object
+ TableFilter
Paging UI component
+- constructor(tf: Object) + constructor(tf: TableFilter)
-
Pagination component
+Creates an instance of Paging
- btnFirstPageHtml: * + btnFirstPageHtml: String
-
+
First page button HTML
+- btnFirstPageText: * + btnFirstPageText: String
-
+
First page button text
+- btnLastPageHtml: * + btnLastPageHtml: String
-
+
Last page button HTML
+- btnLastPageText: * + btnLastPageText: String
-
+
Last page button text
+- btnNextPageHtml: * + btnNextPageHtml: String
-
+
Next page button HTML
+- btnNextPageText: * + btnNextPageText: String
-
+
Next page button text
+- btnPageCssClass: * + btnPageCssClass: String
-
+
Css class for the paging buttons (previous, next, etc.)
+- btnPrevPageHtml: * + btnPrevPageHtml: String
-
+
Previous page button HTML
+- btnPrevPageText: * + btnPrevPageText: String
-
+
Previous page button text
+
-
+
Determines if paging buttons are enabled (default: true)
+- evt: * + hasResultsPerPage: Boolean
-
-
-
-
- - hasPagingBtns: * -
-
-
-
-
-
-
-
- - hasResultsPerPage: * -
-
-
-
-
+
Determines if results per page is configured
+- nbPages: number + nbPgSpanCssClass: String
-
+
Css class for the span containing total number of pages
+- nbPgSpanCssClass: * + ofText: String
-
+
Text after page selector drop-down
+- ofText: * + onAfterChangePage: Function
-
+
Callback fired after the page is changed
+
-
+
Callback fired before the page is changed
+- onBeforeChangePage: * + pageSelectorType: String
-
+
Defines page selector type, two possible values: 'select', 'input'
+- pageSelectorType: * + pageText: String
-
+
Text preceeding page selector drop-down
+- pageText: * + pagingLength: Number
-
+
Number of rows contained in a page
+- pagingLength: * + pagingSlc: DOMElement
-
+
Main select DOM element
+- pagingSlc: * + pagingTgtId: String
-
+
ID of custom container element
+- pagingTgtId: * + pgInpCssClass: String
-
+
Css class for the paging input element
+- pgInpCssClass: * + pgSlcCssClass: String
-
+
Css class for the paging select element
+- pgSlcCssClass: * + resultsPerPage: Array
-
+
Label and values for the results per page select, example of usage: +['Records: ', [10,25,50,100]]
+- prfxBtnFirst: string + resultsPerPageSlc: DOMElement
-
+
Results per page select DOM element
+
-
+
ID of custom container element for the results per page selector
+
-
+
Css class for the results per page select
+
-
-
-
-
- - prfxBtnNext: string -
-
-
-
-
-
-
-
- - prfxBtnNextSpan: string -
-
-
-
-
-
-
-
- - prfxBtnPrev: string -
-
-
-
-
-
-
-
- - prfxBtnPrevSpan: string -
-
-
-
-
-
-
-
- - prfxPgAfterSpan: string -
-
-
-
-
-
-
-
- - prfxPgBeforeSpan: string -
-
-
-
-
-
-
-
- - prfxPgSpan: string -
-
-
-
-
-
-
-
- - prfxSlcPages: string -
-
-
-
-
-
-
-
- - prfxSlcResults: string -
-
-
-
-
-
-
-
- - prfxSlcResultsTxt: string -
-
-
-
-
-
-
-
- - resultsPerPage: * -
-
-
-
-
-
-
-
- - resultsPerPageSlc: * -
-
-
-
-
-
-
-
- - resultsPerPageTgtId: * -
-
-
-
-
-
-
-
- - resultsSlcCssClass: * -
-
-
-
-
-
-
-
- - resultsSpanCssClass: * -
-
-
-
-
-
-
-
- - startPagingRow: number -
-
-
-
-
+
Css class for the label preceding results per page select
+
-
Change the page according to passed index
+Change the page based on passed index
- changeResultsPerPage(val: *) + changeResultsPerPage(val: String)
-
+
Change the number of results per page based on passed value
+Pagination component
+Creates an instance of Paging
Override:
Feature#constructorTableFilter instance
First page button HTML
+First page button text
+Last page button HTML
+Last page button text
+Next page button HTML
+Next page button text
+Css class for the paging buttons (previous, next, etc.)
+Previous page button HTML
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-Previous page button text
-
-- public - - - - - currentPageNb: number - - - - source - -
- - - - - - - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@@ -2574,18 +2083,19 @@ Refresh paging select according to number of pages
- hasPagingBtns: *
+ hasPagingBtns: Boolean
- source
+ source
-
+
@@ -2614,18 +2124,19 @@ Refresh paging select according to number of pages
- hasResultsPerPage: *
+ hasResultsPerPage: Boolean
- source
+ source
-
+
@@ -2658,7 +2169,7 @@ Refresh paging select according to number of pages
- source
+ source
@@ -2686,46 +2197,6 @@ Refresh paging select according to number of pages
-
-- public - - - - - evt: * - - - - source - -
- - - - - - - -Determines if paging buttons are enabled (default: true)
+Determines if results per page is configured
+
-
- public - - - - - nbPages: number - - - - source - -
- - - - - - - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@@ -2734,18 +2205,19 @@ Refresh paging select according to number of pages - nbPgSpanCssClass: * + nbPgSpanCssClass: String - source + source
- +Css class for the span containing total number of pages
+Text after page selector drop-down
+Callback fired after the page is changed
+Callback fired before the page is changed
+Defines page selector type, two possible values: 'select', 'input'
+Text preceeding page selector drop-down
+Number of rows contained in a page
+Main select DOM element
+ID of custom container element
+Css class for the paging input element
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-Css class for the paging select element
-
-- public - - - - - prfxBtnFirst: string - - - - source - -
- - - - - - - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-- public - - - - - prfxBtnFirstSpan: string - - - - source - -
- - - - - - - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-- public - - - - - prfxBtnLast: string - - - - source - -
- - - - - - - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-- public - - - - - prfxBtnLastSpan: string - - - - source - -
- - - - - - - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-- public - - - - - prfxBtnNext: string - - - - source - -
- - - - - - - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-- public - - - - - prfxBtnNextSpan: string - - - - source - -
- - - - - - - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-- public - - - - - prfxBtnPrev: string - - - - source - -
- - - - - - - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-- public - - - - - prfxBtnPrevSpan: string - - - - source - -
- - - - - - - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-- public - - - - - prfxPgAfterSpan: string - - - - source - -
- - - - - - - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-- public - - - - - prfxPgBeforeSpan: string - - - - source - -
- - - - - - - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-- public - - - - - prfxPgSpan: string - - - - source - -
- - - - - - - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-- public - - - - - prfxSlcPages: string - - - - source - -
- - - - - - - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-- public - - - - - prfxSlcResults: string - - - - source - -
- - - - - - - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@@ -3734,18 +2656,20 @@ Refresh paging select according to number of pages
- resultsPerPage: *
+ resultsPerPage: Array
- source
+ source
-
+
@@ -3774,18 +2698,19 @@ Refresh paging select according to number of pages
- resultsPerPageSlc: *
+ resultsPerPageSlc: DOMElement
- source
+ source
-
+
@@ -3814,18 +2739,19 @@ Refresh paging select according to number of pages
- resultsPerPageTgtId: *
+ resultsPerPageTgtId: String
- source
+ source
-
+
@@ -3854,18 +2780,19 @@ Refresh paging select according to number of pages
- resultsSlcCssClass: *
+ resultsSlcCssClass: String
- source
+ source
-
+
@@ -3894,61 +2821,22 @@ Refresh paging select according to number of pages
- resultsSpanCssClass: *
+ resultsSpanCssClass: String
- source
+ source
-
-
-
-
-
- public - - - - - prfxSlcResultsTxt: string - - - - source - -
- - - - - - - -Label and values for the results per page select, example of usage: +['Records: ', [10,25,50,100]]
+Results per page select DOM element
+ID of custom container element for the results per page selector
+Css class for the results per page select
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-Css class for the label preceding results per page select
-
@@ -3981,14 +2869,14 @@ Refresh paging select according to number of pages
- source
+ source
-
@@ -4035,18 +2923,19 @@ Refresh paging select according to number of pages
- changeResultsPerPage(val: *)
+ changeResultsPerPage(val: String)
- source
+ source
-
+
@@ -4060,9 +2949,10 @@ Refresh paging select according to number of pages
val
- *
+ String
@@ -4095,7 +2985,7 @@ Refresh paging select according to number of pages
- source
+ source
@@ -4136,7 +3026,7 @@ Refresh paging select according to number of pages
- source
+ source
@@ -4188,7 +3078,7 @@ Refresh paging select according to number of pages
- source
+ source
@@ -4246,7 +3136,7 @@ Refresh paging select according to number of pages
- source
+ source
@@ -4287,7 +3177,7 @@ Refresh paging select according to number of pages
- source
+ source
@@ -4328,7 +3218,7 @@ Refresh paging select according to number of pages
- source
+ source
@@ -4369,7 +3259,7 @@ Refresh paging select according to number of pages
- source
+ source
@@ -4427,7 +3317,7 @@ Refresh paging select according to number of pages
- source
+ source
@@ -4468,7 +3358,7 @@ Refresh paging select according to number of pages
- source
+ source
@@ -4509,7 +3399,7 @@ Refresh paging select according to number of pages
- source
+ source
@@ -4550,7 +3440,7 @@ Refresh paging select according to number of pages
- source
+ source
@@ -4609,7 +3499,7 @@ Refresh paging select according to number of pages
- source
+ source
@@ -4668,7 +3558,7 @@ Refresh paging select according to number of pages
- source
+ source
diff --git a/docs/class/src/modules/popupFilter.js~PopupFilter.html b/docs/class/src/modules/popupFilter.js~PopupFilter.html
index 16150b48..6ff4ad49 100644
--- a/docs/class/src/modules/popupFilter.js~PopupFilter.html
+++ b/docs/class/src/modules/popupFilter.js~PopupFilter.html
@@ -3,7 +3,7 @@
PopupFilter | tablefilter v0.2.47 API Document
+ PopupFilter | tablefilter v0.2.48 API Document
diff --git a/docs/class/src/modules/rowsCounter.js~RowsCounter.html b/docs/class/src/modules/rowsCounter.js~RowsCounter.html
index 48b664d0..8c6b11b3 100644
--- a/docs/class/src/modules/rowsCounter.js~RowsCounter.html
+++ b/docs/class/src/modules/rowsCounter.js~RowsCounter.html
@@ -3,7 +3,7 @@
RowsCounter | tablefilter v0.2.47 API Document
+ RowsCounter | tablefilter v0.2.48 API Document
diff --git a/docs/class/src/modules/state.js~State.html b/docs/class/src/modules/state.js~State.html
index 8a0e2533..512d4ca1 100644
--- a/docs/class/src/modules/state.js~State.html
+++ b/docs/class/src/modules/state.js~State.html
@@ -3,7 +3,7 @@
State | tablefilter v0.2.47 API Document
+ State | tablefilter v0.2.48 API Document
diff --git a/docs/class/src/modules/statusBar.js~StatusBar.html b/docs/class/src/modules/statusBar.js~StatusBar.html
index cf0c018b..42dd7a0d 100644
--- a/docs/class/src/modules/statusBar.js~StatusBar.html
+++ b/docs/class/src/modules/statusBar.js~StatusBar.html
@@ -3,7 +3,7 @@
StatusBar | tablefilter v0.2.47 API Document
+ StatusBar | tablefilter v0.2.48 API Document
diff --git a/docs/class/src/modules/storage.js~Storage.html b/docs/class/src/modules/storage.js~Storage.html
index cdd2e0a2..b5d9d1e5 100644
--- a/docs/class/src/modules/storage.js~Storage.html
+++ b/docs/class/src/modules/storage.js~Storage.html
@@ -3,7 +3,7 @@
Storage | tablefilter v0.2.47 API Document
+ Storage | tablefilter v0.2.48 API Document
diff --git a/docs/class/src/tablefilter.js~TableFilter.html b/docs/class/src/tablefilter.js~TableFilter.html
index 222bab7d..ec4626aa 100644
--- a/docs/class/src/tablefilter.js~TableFilter.html
+++ b/docs/class/src/tablefilter.js~TableFilter.html
@@ -3,7 +3,7 @@
TableFilter | tablefilter v0.2.47 API Document
+ TableFilter | tablefilter v0.2.48 API Document
diff --git a/docs/coverage.json b/docs/coverage.json
index 55c7efa3..9ed9540d 100644
--- a/docs/coverage.json
+++ b/docs/coverage.json
@@ -1,7 +1,7 @@
{
- "coverage": "47.02%",
- "expectCount": 757,
- "actualCount": 356,
+ "coverage": "52.09%",
+ "expectCount": 739,
+ "actualCount": 385,
"files": {
"src/const.js": {
"expectCount": 13,
@@ -370,57 +370,10 @@
"undocumentLines": []
},
"src/modules/paging.js": {
- "expectCount": 63,
- "actualCount": 15,
+ "expectCount": 45,
+ "actualCount": 44,
"undocumentLines": [
- 7,
- 68,
- 56,
- 73,
- 54,
- 58,
- 50,
- 20,
- 63,
- 52,
- 597,
- 48,
- 131,
- 84,
- 38,
- 336,
- 46,
- 82,
- 80,
- 91,
- 88,
- 86,
- 78,
- 28,
- 22,
- 26,
- 34,
- 32,
- 115,
- 107,
- 113,
- 105,
- 109,
- 101,
- 111,
- 103,
- 121,
- 119,
- 117,
- 95,
- 97,
- 99,
- 36,
- 24,
- 30,
- 40,
- 42,
- 44
+ 527
]
},
"src/modules/popupFilter.js": {
diff --git a/docs/dump.json b/docs/dump.json
index 8275c2bd..9310e644 100644
--- a/docs/dump.json
+++ b/docs/dump.json
@@ -10023,7 +10023,7 @@
"access": null,
"description": null,
"lineNumber": 1,
- "content": "import {Feature} from '../feature';\nimport {createElm, elm, removeElm} from '../dom';\nimport {isEmpty, isFn} from '../types';\nimport {NONE} from '../const';\n\n/**\n * UI when filtering yields no matches\n * @export\n * @class NoResults\n * @extends {Feature}\n */\nexport class NoResults extends Feature {\n\n /**\n * Creates an instance of NoResults\n * @param {TableFilter} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'noResults');\n\n //configuration object\n let f = this.config.no_results_message;\n\n /**\n * Text (accepts HTML)\n * @type {String}\n */\n this.content = f.content || 'No results';\n\n /**\n * Custom container DOM element\n * @type {DOMElement}\n */\n this.customContainer = f.custom_container || null;\n\n /**\n * ID of custom container element\n * @type {String}\n */\n this.customContainerId = f.custom_container_id || null;\n\n /**\n * Indicates if UI is contained in a external element\n * @type {Boolean}\n * @private\n */\n this.isExternal = !isEmpty(this.customContainer) ||\n !isEmpty(this.customContainerId);\n\n /**\n * Css class assigned to container element\n * @type {String}\n */\n this.cssClass = f.css_class || 'no-results';\n\n /**\n * Stores container DOM element\n * @type {DOMElement}\n */\n this.cont = null;\n\n /**\n * Callback fired before the message is displayed\n * @type {Function}\n */\n this.onBeforeShow = isFn(f.on_before_show_msg) ?\n f.on_before_show_msg : null;\n\n /**\n * Callback fired after the message is displayed\n * @type {Function}\n */\n this.onAfterShow = isFn(f.on_after_show_msg) ?\n f.on_after_show_msg : null;\n\n /**\n * Callback fired before the message is hidden\n * @type {Function}\n */\n this.onBeforeHide = isFn(f.on_before_hide_msg) ?\n f.on_before_hide_msg : null;\n\n /**\n * Callback fired after the message is hidden\n * @type {Function}\n */\n this.onAfterHide = isFn(f.on_after_hide_msg) ?\n f.on_after_hide_msg : null;\n\n /**\n * Prefix for container ID\n * @type {String}\n * @private\n */\n this.prfx = 'nores_';\n }\n\n /**\n * Initializes NoResults instance\n */\n init() {\n if (this.initialized) {\n return;\n }\n let tf = this.tf;\n let target = this.customContainer || elm(this.customContainerId) ||\n tf.tbl;\n\n //container\n let cont = createElm('div', ['id', this.prfx + tf.id]);\n cont.className = this.cssClass;\n cont.innerHTML = this.content;\n\n if (this.isExternal) {\n target.appendChild(cont);\n } else {\n target.parentNode.insertBefore(cont, target.nextSibling);\n }\n\n this.cont = cont;\n\n // subscribe to after-filtering event\n this.emitter.on(['after-filtering'], () => this.toggle());\n\n /**\n * @inherited\n */\n this.initialized = true;\n\n this.hide();\n }\n\n /**\n * Toggle no results message\n */\n toggle() {\n if (this.tf.getValidRowsNb() > 0) {\n this.hide();\n } else {\n this.show();\n }\n }\n\n /**\n * Show no results message\n */\n show() {\n if (!this.initialized || !this.isEnabled()) {\n return;\n }\n\n if (this.onBeforeShow) {\n this.onBeforeShow.call(null, this.tf, this);\n }\n\n this.setWidth();\n this.cont.style.display = 'block';\n\n if (this.onAfterShow) {\n this.onAfterShow.call(null, this.tf, this);\n }\n }\n\n /**\n * Hide no results message\n */\n hide() {\n if (!this.initialized || !this.isEnabled()) {\n return;\n }\n\n if (this.onBeforeHide) {\n this.onBeforeHide.call(null, this.tf, this);\n }\n\n this.cont.style.display = NONE;\n\n if (this.onAfterHide) {\n this.onAfterHide.call(null, this.tf, this);\n }\n }\n\n /**\n * Sets no results container width\n * @private\n */\n setWidth() {\n if (!this.initialized || this.isExternal || !this.isEnabled()) {\n return;\n }\n if (this.tf.gridLayout) {\n let gridLayout = this.tf.feature('gridLayout');\n this.cont.style.width = gridLayout.tblCont.clientWidth + 'px';\n } else {\n this.cont.style.width =\n this.tf.tbl.tBodies[0].clientWidth + 'px';\n }\n }\n\n /**\n * Remove feature\n */\n destroy() {\n if (!this.initialized) {\n return;\n }\n removeElm(this.cont);\n this.cont = null;\n // unsubscribe to after-filtering event\n this.emitter.off(['after-filtering'], () => this.toggle());\n\n this.initialized = false;\n }\n}\n"
+ "content": "import {Feature} from '../feature';\nimport {createElm, elm, removeElm} from '../dom';\nimport {isEmpty, isFn} from '../types';\nimport {NONE} from '../const';\n\n/**\n * UI when filtering yields no matches\n * @export\n * @class NoResults\n * @extends {Feature}\n */\nexport class NoResults extends Feature {\n\n /**\n * Creates an instance of NoResults\n * @param {TableFilter} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'noResults');\n\n //configuration object\n let f = this.config.no_results_message;\n\n /**\n * Text (accepts HTML)\n * @type {String}\n */\n this.content = f.content || 'No results';\n\n /**\n * Custom container DOM element\n * @type {DOMElement}\n */\n this.customContainer = f.custom_container || null;\n\n /**\n * ID of custom container element\n * @type {String}\n */\n this.customContainerId = f.custom_container_id || null;\n\n /**\n * Indicates if UI is contained in a external element\n * @type {Boolean}\n * @private\n */\n this.isExternal = !isEmpty(this.customContainer) ||\n !isEmpty(this.customContainerId);\n\n /**\n * Css class assigned to container element\n * @type {String}\n */\n this.cssClass = f.css_class || 'no-results';\n\n /**\n * Stores container DOM element\n * @type {DOMElement}\n */\n this.cont = null;\n\n /**\n * Callback fired before the message is displayed\n * @type {Function}\n */\n this.onBeforeShow = isFn(f.on_before_show_msg) ?\n f.on_before_show_msg : null;\n\n /**\n * Callback fired after the message is displayed\n * @type {Function}\n */\n this.onAfterShow = isFn(f.on_after_show_msg) ?\n f.on_after_show_msg : null;\n\n /**\n * Callback fired before the message is hidden\n * @type {Function}\n */\n this.onBeforeHide = isFn(f.on_before_hide_msg) ?\n f.on_before_hide_msg : null;\n\n /**\n * Callback fired after the message is hidden\n * @type {Function}\n */\n this.onAfterHide = isFn(f.on_after_hide_msg) ?\n f.on_after_hide_msg : null;\n\n /**\n * Prefix for container ID\n * @type {String}\n * @private\n */\n this.prfx = 'nores_';\n }\n\n /**\n * Initializes NoResults instance\n */\n init() {\n if (this.initialized) {\n return;\n }\n let tf = this.tf;\n let target = this.customContainer || elm(this.customContainerId) ||\n tf.tbl;\n\n //container\n let cont = createElm('div', ['id', this.prfx + tf.id]);\n cont.className = this.cssClass;\n cont.innerHTML = this.content;\n\n if (this.isExternal) {\n target.appendChild(cont);\n } else {\n target.parentNode.insertBefore(cont, target.nextSibling);\n }\n\n this.cont = cont;\n\n // subscribe to after-filtering event\n this.emitter.on(['after-filtering'], () => this.toggle());\n\n /**\n * @inherited\n */\n this.initialized = true;\n\n this.hide();\n }\n\n /**\n * Toggle no results message\n */\n toggle() {\n if (this.tf.getValidRowsNb() > 0) {\n this.hide();\n } else {\n this.show();\n }\n }\n\n /**\n * Show no results message\n */\n show() {\n if (!this.initialized || !this.isEnabled()) {\n return;\n }\n\n if (this.onBeforeShow) {\n this.onBeforeShow.call(null, this.tf, this);\n }\n\n this.setWidth();\n this.cont.style.display = 'block';\n\n if (this.onAfterShow) {\n this.onAfterShow.call(null, this.tf, this);\n }\n }\n\n /**\n * Hide no results message\n */\n hide() {\n if (!this.initialized || !this.isEnabled()) {\n return;\n }\n\n if (this.onBeforeHide) {\n this.onBeforeHide.call(null, this.tf, this);\n }\n\n this.cont.style.display = NONE;\n\n if (this.onAfterHide) {\n this.onAfterHide.call(null, this.tf, this);\n }\n }\n\n /**\n * Sets no results container width\n * @private\n */\n setWidth() {\n if (!this.initialized || this.isExternal || !this.isEnabled()) {\n return;\n }\n let tf = this.tf;\n if (tf.gridLayout) {\n let gridLayout = tf.feature('gridLayout');\n this.cont.style.width = gridLayout.tblCont.clientWidth + 'px';\n } else {\n this.cont.style.width = (tf.tbl.tHead ? tf.tbl.tHead.clientWidth :\n tf.tbl.tBodies[0].clientWidth) + 'px';\n }\n }\n\n /**\n * Remove feature\n */\n destroy() {\n if (!this.initialized) {\n return;\n }\n removeElm(this.cont);\n this.cont = null;\n // unsubscribe to after-filtering event\n this.emitter.off(['after-filtering'], () => this.toggle());\n\n this.initialized = false;\n }\n}\n"
},
{
"__docId__": 470,
@@ -10208,7 +10208,7 @@
"memberof": "src/modules/noResults.js~NoResults",
"longname": "src/modules/noResults.js~NoResults#onBeforeShow",
"access": null,
- "description": "Callback fired before the message is displayed",
+ "description": "Callback fired before the message is displayed",
"lineNumber": 66,
"type": {
"nullable": null,
@@ -10228,7 +10228,7 @@
"memberof": "src/modules/noResults.js~NoResults",
"longname": "src/modules/noResults.js~NoResults#onAfterShow",
"access": null,
- "description": "Callback fired after the message is displayed",
+ "description": "Callback fired after the message is displayed",
"lineNumber": 73,
"type": {
"nullable": null,
@@ -10248,7 +10248,7 @@
"memberof": "src/modules/noResults.js~NoResults",
"longname": "src/modules/noResults.js~NoResults#onBeforeHide",
"access": null,
- "description": "Callback fired before the message is hidden",
+ "description": "Callback fired before the message is hidden",
"lineNumber": 80,
"type": {
"nullable": null,
@@ -10268,7 +10268,7 @@
"memberof": "src/modules/noResults.js~NoResults",
"longname": "src/modules/noResults.js~NoResults#onAfterHide",
"access": null,
- "description": "Callback fired after the message is hidden",
+ "description": "Callback fired after the message is hidden",
"lineNumber": 87,
"type": {
"nullable": null,
@@ -10420,7 +10420,7 @@
"longname": "src/modules/noResults.js~NoResults#destroy",
"access": null,
"description": "Remove feature",
- "lineNumber": 203,
+ "lineNumber": 204,
"params": [],
"generator": false
},
@@ -10434,7 +10434,7 @@
"longname": "src/modules/noResults.js~NoResults#cont",
"access": null,
"description": null,
- "lineNumber": 208,
+ "lineNumber": 209,
"undocument": true,
"type": {
"types": [
@@ -10452,7 +10452,7 @@
"longname": "src/modules/noResults.js~NoResults#initialized",
"access": null,
"description": null,
- "lineNumber": 212,
+ "lineNumber": 213,
"undocument": true,
"type": {
"types": [
@@ -10471,7 +10471,7 @@
"access": null,
"description": null,
"lineNumber": 1,
- "content": "import {Feature} from '../feature';\nimport {createElm, createOpt, createText, elm, removeElm} from '../dom';\nimport {isArray, isFn, isNull} from '../types';\nimport {addEvt, keyCode, removeEvt} from '../event';\nimport {INPUT, SELECT, NONE, ENTER_KEY} from '../const';\n\nexport class Paging extends Feature {\n\n /**\n * Pagination component\n * @param {Object} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'paging');\n\n // Configuration object\n var f = this.config;\n\n //css class for paging buttons (previous,next,etc.)\n this.btnPageCssClass = f.paging_btn_css_class || 'pgInp';\n //stores paging select element\n this.pagingSlc = null;\n //results per page select element\n this.resultsPerPageSlc = null;\n //id of container element\n this.pagingTgtId = f.paging_target_id || null;\n //defines table paging length\n this.pagingLength = !isNaN(f.paging_length) ? f.paging_length : 10;\n //id of container element\n this.resultsPerPageTgtId = f.results_per_page_target_id || null;\n //css class for paging select element\n this.pgSlcCssClass = f.paging_slc_css_class || 'pgSlc';\n //css class for paging input element\n this.pgInpCssClass = f.paging_inp_css_class || 'pgNbInp';\n //stores results per page text and values\n this.resultsPerPage = f.results_per_page || null;\n //enables/disables results per page drop-down\n this.hasResultsPerPage = isArray(this.resultsPerPage);\n //defines css class for results per page select\n this.resultsSlcCssClass = f.results_slc_css_class || 'rspg';\n //css class for label preceding results per page select\n this.resultsSpanCssClass = f.results_span_css_class || 'rspgSpan';\n //1st row index of current page\n this.startPagingRow = 0;\n //total nb of pages\n this.nbPages = 0;\n //current page nb\n this.currentPageNb = 1;\n //defines next page button text\n this.btnNextPageText = f.btn_next_page_text || '>';\n //defines previous page button text\n this.btnPrevPageText = f.btn_prev_page_text || '<';\n //defines last page button text\n this.btnLastPageText = f.btn_last_page_text || '>|';\n //defines first page button text\n this.btnFirstPageText = f.btn_first_page_text || '|<';\n //defines next page button html\n this.btnNextPageHtml = f.btn_next_page_html ||\n (!tf.enableIcons ? null :\n '');\n //defines previous page button html\n this.btnPrevPageHtml = f.btn_prev_page_html ||\n (!tf.enableIcons ? null :\n '');\n //defines last page button html\n this.btnFirstPageHtml = f.btn_first_page_html ||\n (!tf.enableIcons ? null :\n '');\n //defines previous page button html\n this.btnLastPageHtml = f.btn_last_page_html ||\n (!tf.enableIcons ? null :\n '');\n //defines text preceeding page selector drop-down\n this.pageText = f.page_text || ' Page ';\n //defines text after page selector drop-down\n this.ofText = f.of_text || ' of ';\n //css class for span containing tot nb of pages\n this.nbPgSpanCssClass = f.nb_pages_css_class || 'nbpg';\n //enables/disables paging buttons\n this.hasPagingBtns = f.paging_btns === false ? false : true;\n //defines previous page button html\n this.pageSelectorType = f.page_selector_type || SELECT;\n //calls function before page is changed\n this.onBeforeChangePage = isFn(f.on_before_change_page) ?\n f.on_before_change_page : null;\n //calls function before page is changed\n this.onAfterChangePage = isFn(f.on_after_change_page) ?\n f.on_after_change_page : null;\n\n //pages select\n this.prfxSlcPages = 'slcPages_';\n //results per page select\n this.prfxSlcResults = 'slcResults_';\n //label preciding results per page select\n this.prfxSlcResultsTxt = 'slcResultsTxt_';\n //span containing next page button\n this.prfxBtnNextSpan = 'btnNextSpan_';\n //span containing previous page button\n this.prfxBtnPrevSpan = 'btnPrevSpan_';\n //span containing last page button\n this.prfxBtnLastSpan = 'btnLastSpan_';\n //span containing first page button\n this.prfxBtnFirstSpan = 'btnFirstSpan_';\n //next button\n this.prfxBtnNext = 'btnNext_';\n //previous button\n this.prfxBtnPrev = 'btnPrev_';\n //last button\n this.prfxBtnLast = 'btnLast_';\n //first button\n this.prfxBtnFirst = 'btnFirst_';\n //span for tot nb pages\n this.prfxPgSpan = 'pgspan_';\n //span preceding pages select (contains 'Page')\n this.prfxPgBeforeSpan = 'pgbeforespan_';\n //span following pages select (contains ' of ')\n this.prfxPgAfterSpan = 'pgafterspan_';\n\n var start_row = tf.refRow;\n var nrows = tf.getRowsNb(true);\n //calculates page nb\n this.nbPages = Math.ceil((nrows - start_row) / this.pagingLength);\n\n //Paging elements events\n var o = this;\n // Paging DOM events\n this.evt = {\n slcIndex() {\n return (o.pageSelectorType === SELECT) ?\n o.pagingSlc.options.selectedIndex :\n parseInt(o.pagingSlc.value, 10) - 1;\n },\n nbOpts() {\n return (o.pageSelectorType === SELECT) ?\n parseInt(o.pagingSlc.options.length, 10) - 1 :\n (o.nbPages - 1);\n },\n next() {\n var nextIndex = o.evt.slcIndex() < o.evt.nbOpts() ?\n o.evt.slcIndex() + 1 : 0;\n o.changePage(nextIndex);\n },\n prev() {\n var prevIndex = o.evt.slcIndex() > 0 ?\n o.evt.slcIndex() - 1 : o.evt.nbOpts();\n o.changePage(prevIndex);\n },\n last() {\n o.changePage(o.evt.nbOpts());\n },\n first() {\n o.changePage(0);\n },\n _detectKey(e) {\n var key = keyCode(e);\n if (key === ENTER_KEY) {\n if (tf.sorted) {\n tf.filter();\n o.changePage(o.evt.slcIndex());\n } else {\n o.changePage();\n }\n this.blur();\n }\n },\n slcPagesChange: null,\n nextEvt: null,\n prevEvt: null,\n lastEvt: null,\n firstEvt: null\n };\n }\n\n /**\n * Initialize DOM elements\n */\n init() {\n var slcPages;\n var tf = this.tf;\n var evt = this.evt;\n\n if (this.initialized) {\n return;\n }\n\n // Check resultsPerPage is in expected format and initialise the\n // results per page component\n if (this.hasResultsPerPage) {\n if (this.resultsPerPage.length < 2) {\n this.hasResultsPerPage = false;\n } else {\n this.pagingLength = this.resultsPerPage[1][0];\n this.setResultsPerPage();\n }\n }\n\n evt.slcPagesChange = (event) => {\n var slc = event.target;\n this.changePage(slc.selectedIndex);\n };\n\n // Paging drop-down list selector\n if (this.pageSelectorType === SELECT) {\n slcPages = createElm(SELECT, ['id', this.prfxSlcPages + tf.id]);\n slcPages.className = this.pgSlcCssClass;\n addEvt(slcPages, 'change', evt.slcPagesChange);\n }\n\n // Paging input selector\n if (this.pageSelectorType === INPUT) {\n slcPages = createElm(INPUT,\n ['id', this.prfxSlcPages + tf.id],\n ['value', this.currentPageNb]\n );\n slcPages.className = this.pgInpCssClass;\n addEvt(slcPages, 'keypress', evt._detectKey);\n }\n\n // btns containers\n var btnNextSpan = createElm(\n 'span', ['id', this.prfxBtnNextSpan + tf.id]);\n var btnPrevSpan = createElm(\n 'span', ['id', this.prfxBtnPrevSpan + tf.id]);\n var btnLastSpan = createElm(\n 'span', ['id', this.prfxBtnLastSpan + tf.id]);\n var btnFirstSpan = createElm(\n 'span', ['id', this.prfxBtnFirstSpan + tf.id]);\n\n if (this.hasPagingBtns) {\n // Next button\n if (!this.btnNextPageHtml) {\n var btn_next = createElm(INPUT,\n ['id', this.prfxBtnNext + tf.id],\n ['type', 'button'],\n ['value', this.btnNextPageText],\n ['title', 'Next']\n );\n btn_next.className = this.btnPageCssClass;\n addEvt(btn_next, 'click', evt.next);\n btnNextSpan.appendChild(btn_next);\n } else {\n btnNextSpan.innerHTML = this.btnNextPageHtml;\n addEvt(btnNextSpan, 'click', evt.next);\n }\n // Previous button\n if (!this.btnPrevPageHtml) {\n var btn_prev = createElm(INPUT,\n ['id', this.prfxBtnPrev + tf.id],\n ['type', 'button'],\n ['value', this.btnPrevPageText],\n ['title', 'Previous']\n );\n btn_prev.className = this.btnPageCssClass;\n addEvt(btn_prev, 'click', evt.prev);\n btnPrevSpan.appendChild(btn_prev);\n } else {\n btnPrevSpan.innerHTML = this.btnPrevPageHtml;\n addEvt(btnPrevSpan, 'click', evt.prev);\n }\n // Last button\n if (!this.btnLastPageHtml) {\n var btn_last = createElm(INPUT,\n ['id', this.prfxBtnLast + tf.id],\n ['type', 'button'],\n ['value', this.btnLastPageText],\n ['title', 'Last']\n );\n btn_last.className = this.btnPageCssClass;\n addEvt(btn_last, 'click', evt.last);\n btnLastSpan.appendChild(btn_last);\n } else {\n btnLastSpan.innerHTML = this.btnLastPageHtml;\n addEvt(btnLastSpan, 'click', evt.last);\n }\n // First button\n if (!this.btnFirstPageHtml) {\n var btn_first = createElm(INPUT,\n ['id', this.prfxBtnFirst + tf.id],\n ['type', 'button'],\n ['value', this.btnFirstPageText],\n ['title', 'First']\n );\n btn_first.className = this.btnPageCssClass;\n addEvt(btn_first, 'click', evt.first);\n btnFirstSpan.appendChild(btn_first);\n } else {\n btnFirstSpan.innerHTML = this.btnFirstPageHtml;\n addEvt(btnFirstSpan, 'click', evt.first);\n }\n }\n\n // paging elements (buttons+drop-down list) are added to defined element\n if (!this.pagingTgtId) {\n tf.setToolbar();\n }\n var targetEl = !this.pagingTgtId ? tf.mDiv : elm(this.pagingTgtId);\n targetEl.appendChild(btnFirstSpan);\n targetEl.appendChild(btnPrevSpan);\n\n var pgBeforeSpan = createElm(\n 'span', ['id', this.prfxPgBeforeSpan + tf.id]);\n pgBeforeSpan.appendChild(createText(this.pageText));\n pgBeforeSpan.className = this.nbPgSpanCssClass;\n targetEl.appendChild(pgBeforeSpan);\n targetEl.appendChild(slcPages);\n var pgAfterSpan = createElm(\n 'span', ['id', this.prfxPgAfterSpan + tf.id]);\n pgAfterSpan.appendChild(createText(this.ofText));\n pgAfterSpan.className = this.nbPgSpanCssClass;\n targetEl.appendChild(pgAfterSpan);\n var pgspan = createElm('span', ['id', this.prfxPgSpan + tf.id]);\n pgspan.className = this.nbPgSpanCssClass;\n pgspan.appendChild(createText(' ' + this.nbPages + ' '));\n targetEl.appendChild(pgspan);\n targetEl.appendChild(btnNextSpan);\n targetEl.appendChild(btnLastSpan);\n this.pagingSlc = elm(this.prfxSlcPages + tf.id);\n\n this.setPagingInfo();\n\n if (!tf.fltGrid) {\n tf.validateAllRows();\n this.setPagingInfo(tf.validRowsIndex);\n }\n\n this.emitter.on(['after-filtering'], () => this.resetPagingInfo());\n this.emitter.on(['change-page'],\n (tf, pageNumber) => this.setPage(pageNumber));\n this.emitter.on(['change-page-results'],\n (tf, pageLength) => this.changeResultsPerPage(pageLength));\n\n this.initialized = true;\n }\n\n /**\n * Reset paging when filters are already instantiated\n * @param {Boolean} filterTable Execute filtering once paging instanciated\n */\n reset(filterTable = false) {\n var tf = this.tf;\n if (this.isEnabled()) {\n return;\n }\n this.enable();\n this.init();\n\n if (filterTable) {\n tf.filter();\n }\n }\n\n /**\n * Reset paging info from scratch after a filtering process\n */\n resetPagingInfo() {\n this.startPagingRow = 0;\n this.currentPageNb = 1;\n this.setPagingInfo(this.tf.validRowsIndex);\n }\n\n /**\n * Calculate number of pages based on valid rows\n * Refresh paging select according to number of pages\n * @param {Array} validRows Collection of valid rows\n */\n setPagingInfo(validRows) {\n var tf = this.tf;\n var mdiv = !this.pagingTgtId ? tf.mDiv : elm(this.pagingTgtId);\n var pgspan = elm(this.prfxPgSpan + tf.id);\n\n //store valid rows indexes\n tf.validRowsIndex = validRows || tf.getValidRows(true);\n\n //calculate nb of pages\n this.nbPages = Math.ceil(tf.validRowsIndex.length / this.pagingLength);\n //refresh page nb span\n pgspan.innerHTML = this.nbPages;\n //select clearing shortcut\n if (this.pageSelectorType === SELECT) {\n this.pagingSlc.innerHTML = '';\n }\n\n if (this.nbPages > 0) {\n mdiv.style.visibility = 'visible';\n if (this.pageSelectorType === SELECT) {\n for (var z = 0; z < this.nbPages; z++) {\n var opt = createOpt(z + 1, z * this.pagingLength, false);\n this.pagingSlc.options[z] = opt;\n }\n } else {\n //input type\n this.pagingSlc.value = this.currentPageNb;\n }\n\n } else {\n /*** if no results paging select and buttons are hidden ***/\n mdiv.style.visibility = 'hidden';\n }\n this.groupByPage(tf.validRowsIndex);\n }\n\n /**\n * Group table rows by page and display valid rows\n * @param {Array} validRows Collection of valid rows\n */\n groupByPage(validRows) {\n var tf = this.tf;\n var rows = tf.tbl.rows;\n var startPagingRow = parseInt(this.startPagingRow, 10);\n var endPagingRow = startPagingRow + parseInt(this.pagingLength, 10);\n\n //store valid rows indexes\n if (validRows) {\n tf.validRowsIndex = validRows;\n }\n\n //this loop shows valid rows of current page\n for (var h = 0, len = tf.getValidRowsNb(true); h < len; h++) {\n var validRowIdx = tf.validRowsIndex[h];\n var r = rows[validRowIdx];\n var isRowValid = r.getAttribute('validRow');\n var rowDisplayed = false;\n\n if (h >= startPagingRow && h < endPagingRow) {\n if (isNull(isRowValid) || Boolean(isRowValid === 'true')) {\n r.style.display = '';\n rowDisplayed = true;\n }\n } else {\n r.style.display = NONE;\n }\n this.emitter.emit('row-paged', tf, validRowIdx, h, rowDisplayed);\n }\n\n // broadcast grouping by page\n this.emitter.emit('grouped-by-page', tf, this);\n }\n\n /**\n * Return the current page number\n * @return {Number} Page number\n */\n getPage() {\n return this.currentPageNb;\n }\n\n /**\n * Show page defined by passed argument (string or number):\n * @param {String}/{Number} cmd possible string values: 'next',\n * 'previous', 'last', 'first' or page number as per param\n */\n setPage(cmd) {\n var tf = this.tf;\n if (!tf.isInitialized() || !this.isEnabled()) {\n return;\n }\n var btnEvt = this.evt,\n cmdtype = typeof cmd;\n if (cmdtype === 'string') {\n switch (cmd.toLowerCase()) {\n case 'next':\n btnEvt.next();\n break;\n case 'previous':\n btnEvt.prev();\n break;\n case 'last':\n btnEvt.last();\n break;\n case 'first':\n btnEvt.first();\n break;\n default:\n btnEvt.next();\n break;\n }\n }\n else if (cmdtype === 'number') {\n this.changePage(cmd - 1);\n }\n }\n\n /**\n * Generates UI elements for the number of results per page drop-down\n */\n setResultsPerPage() {\n var tf = this.tf;\n var evt = this.evt;\n\n if (this.resultsPerPageSlc || !this.resultsPerPage) {\n return;\n }\n\n evt.slcResultsChange = (ev) => {\n this.onChangeResultsPerPage();\n ev.target.blur();\n };\n\n var slcR = createElm(SELECT, ['id', this.prfxSlcResults + tf.id]);\n slcR.className = this.resultsSlcCssClass;\n var slcRText = this.resultsPerPage[0],\n slcROpts = this.resultsPerPage[1];\n var slcRSpan = createElm(\n 'span', ['id', this.prfxSlcResultsTxt + tf.id]);\n slcRSpan.className = this.resultsSpanCssClass;\n\n // results per page select is added to external element\n if (!this.resultsPerPageTgtId) {\n tf.setToolbar();\n }\n var targetEl = !this.resultsPerPageTgtId ?\n tf.rDiv : elm(this.resultsPerPageTgtId);\n slcRSpan.appendChild(createText(slcRText));\n\n var help = tf.feature('help');\n if (help && help.btn) {\n help.btn.parentNode.insertBefore(slcRSpan, help.btn);\n help.btn.parentNode.insertBefore(slcR, help.btn);\n } else {\n targetEl.appendChild(slcRSpan);\n targetEl.appendChild(slcR);\n }\n\n for (var r = 0; r < slcROpts.length; r++) {\n var currOpt = new Option(slcROpts[r], slcROpts[r], false, false);\n slcR.options[r] = currOpt;\n }\n addEvt(slcR, 'change', evt.slcResultsChange);\n this.resultsPerPageSlc = slcR;\n }\n\n /**\n * Remove number of results per page UI elements\n */\n removeResultsPerPage() {\n var tf = this.tf;\n if (!tf.isInitialized() || !this.resultsPerPageSlc ||\n !this.resultsPerPage) {\n return;\n }\n var slcR = this.resultsPerPageSlc,\n slcRSpan = elm(this.prfxSlcResultsTxt + tf.id);\n if (slcR) {\n removeElm(slcR);\n }\n if (slcRSpan) {\n removeElm(slcRSpan);\n }\n this.resultsPerPageSlc = null;\n }\n\n /**\n * Change the page according to passed index\n * @param {Number} index Index of the page (0-n)\n */\n changePage(index) {\n var tf = this.tf;\n\n if (!this.isEnabled()) {\n return;\n }\n\n this.emitter.emit('before-page-change', tf, (index + 1));\n\n if (index === null) {\n index = this.pageSelectorType === SELECT ?\n this.pagingSlc.options.selectedIndex : this.pagingSlc.value - 1;\n }\n if (index >= 0 && index <= (this.nbPages - 1)) {\n if (this.onBeforeChangePage) {\n this.onBeforeChangePage.call(null, this, (index + 1));\n }\n this.currentPageNb = parseInt(index, 10) + 1;\n if (this.pageSelectorType === SELECT) {\n this.pagingSlc.options[index].selected = true;\n } else {\n this.pagingSlc.value = this.currentPageNb;\n }\n\n this.startPagingRow = (this.pageSelectorType === SELECT) ?\n this.pagingSlc.value : (index * this.pagingLength);\n\n this.groupByPage();\n\n if (this.onAfterChangePage) {\n this.onAfterChangePage.call(null, this, (index + 1));\n }\n }\n\n this.emitter.emit('after-page-change', tf, (index + 1));\n }\n\n changeResultsPerPage(val) {\n if (!this.isEnabled() || isNaN(val)) {\n return;\n }\n\n this.resultsPerPageSlc.value = val;\n this.onChangeResultsPerPage();\n }\n\n /**\n * Change rows according to page results drop-down\n */\n onChangeResultsPerPage() {\n var tf = this.tf;\n\n if (!this.isEnabled()) {\n return;\n }\n\n this.emitter.emit('before-page-length-change', tf);\n\n var slcR = this.resultsPerPageSlc;\n var slcIndex = slcR.selectedIndex;\n var slcPagesSelIndex = (this.pageSelectorType === SELECT) ?\n this.pagingSlc.selectedIndex :\n parseInt(this.pagingSlc.value - 1, 10);\n this.pagingLength = parseInt(slcR.options[slcIndex].value, 10);\n this.startPagingRow = this.pagingLength * slcPagesSelIndex;\n\n if (!isNaN(this.pagingLength)) {\n if (this.startPagingRow >= tf.nbFilterableRows) {\n this.startPagingRow = (tf.nbFilterableRows - this.pagingLength);\n }\n this.setPagingInfo();\n\n if (this.pageSelectorType === SELECT) {\n var slcIdx =\n (this.pagingSlc.options.length - 1 <= slcPagesSelIndex) ?\n (this.pagingSlc.options.length - 1) : slcPagesSelIndex;\n this.pagingSlc.options[slcIdx].selected = true;\n }\n }\n\n this.emitter.emit('after-page-length-change', tf, this.pagingLength);\n }\n\n /**\n * Re-set page nb at page re-load\n */\n resetPage() {\n var tf = this.tf;\n if (!this.isEnabled()) {\n return;\n }\n this.emitter.emit('before-reset-page', tf);\n var pgNb = tf.feature('store').getPageNb();\n if (pgNb !== '') {\n this.changePage((pgNb - 1));\n }\n this.emitter.emit('after-reset-page', tf, pgNb);\n }\n\n /**\n * Re-set page length value at page re-load\n */\n resetPageLength() {\n var tf = this.tf;\n if (!this.isEnabled()) {\n return;\n }\n this.emitter.emit('before-reset-page-length', tf);\n var pglenIndex = tf.feature('store').getPageLength();\n\n if (pglenIndex !== '') {\n this.resultsPerPageSlc.options[pglenIndex].selected = true;\n this.changeResultsPerPage();\n }\n this.emitter.emit('after-reset-page-length', tf, pglenIndex);\n }\n\n /**\n * Remove paging feature\n */\n destroy() {\n var tf = this.tf;\n\n if (!this.initialized) {\n return;\n }\n // btns containers\n var btnNextSpan = elm(this.prfxBtnNextSpan + tf.id);\n var btnPrevSpan = elm(this.prfxBtnPrevSpan + tf.id);\n var btnLastSpan = elm(this.prfxBtnLastSpan + tf.id);\n var btnFirstSpan = elm(this.prfxBtnFirstSpan + tf.id);\n //span containing 'Page' text\n var pgBeforeSpan = elm(this.prfxPgBeforeSpan + tf.id);\n //span containing 'of' text\n var pgAfterSpan = elm(this.prfxPgAfterSpan + tf.id);\n //span containing nb of pages\n var pgspan = elm(this.prfxPgSpan + tf.id);\n\n var evt = this.evt;\n\n if (this.pagingSlc) {\n if (this.pageSelectorType === SELECT) {\n removeEvt(this.pagingSlc, 'change', evt.slcPagesChange);\n }\n else if (this.pageSelectorType === INPUT) {\n removeEvt(this.pagingSlc, 'keypress', evt._detectKey);\n }\n removeElm(this.pagingSlc);\n }\n\n if (btnNextSpan) {\n removeEvt(btnNextSpan, 'click', evt.next);\n removeElm(btnNextSpan);\n }\n\n if (btnPrevSpan) {\n removeEvt(btnPrevSpan, 'click', evt.prev);\n removeElm(btnPrevSpan);\n }\n\n if (btnLastSpan) {\n removeEvt(btnLastSpan, 'click', evt.last);\n removeElm(btnLastSpan);\n }\n\n if (btnFirstSpan) {\n removeEvt(btnFirstSpan, 'click', evt.first);\n removeElm(btnFirstSpan);\n }\n\n if (pgBeforeSpan) {\n removeElm(pgBeforeSpan);\n }\n\n if (pgAfterSpan) {\n removeElm(pgAfterSpan);\n }\n\n if (pgspan) {\n removeElm(pgspan);\n }\n\n if (this.hasResultsPerPage) {\n this.removeResultsPerPage();\n }\n\n this.emitter.off(['after-filtering'], () => this.resetPagingInfo());\n this.emitter.off(['change-page'],\n (tf, pageNumber) => this.setPage(pageNumber));\n this.emitter.off(['change-page-results'],\n (tf, pageLength) => this.changeResultsPerPage(pageLength));\n\n this.pagingSlc = null;\n this.nbPages = 0;\n this.disable();\n this.initialized = false;\n }\n}\n"
+ "content": "import {Feature} from '../feature';\nimport {createElm, createOpt, createText, elm, removeElm} from '../dom';\nimport {isArray, isFn, isNull} from '../types';\nimport {addEvt, keyCode, removeEvt} from '../event';\nimport {INPUT, SELECT, NONE, ENTER_KEY} from '../const';\n\n/**\n * Paging UI component\n * @export\n * @class Paging\n * @extends {Feature}\n */\nexport class Paging extends Feature {\n\n /**\n * Creates an instance of Paging\n * @param {TableFilter} tf TableFilter instance\n */\n constructor(tf) {\n super(tf, 'paging');\n\n // Configuration object\n var f = this.config;\n\n /**\n * Css class for the paging buttons (previous, next, etc.)\n * @type {String}\n */\n this.btnPageCssClass = f.paging_btn_css_class || 'pgInp';\n\n /**\n * Main select DOM element\n * @type {DOMElement}\n */\n this.pagingSlc = null;\n\n /**\n * Results per page select DOM element\n * @type {DOMElement}\n */\n this.resultsPerPageSlc = null;\n\n /**\n * ID of custom container element\n * @type {String}\n */\n this.pagingTgtId = f.paging_target_id || null;\n\n /**\n * Number of rows contained in a page\n * @type {Number}\n */\n this.pagingLength = !isNaN(f.paging_length) ? f.paging_length : 10;\n\n /**\n * ID of custom container element for the results per page selector\n * @type {String}\n */\n this.resultsPerPageTgtId = f.results_per_page_target_id || null;\n\n /**\n * Css class for the paging select element\n * @type {String}\n */\n this.pgSlcCssClass = f.paging_slc_css_class || 'pgSlc';\n\n /**\n * Css class for the paging input element\n * @type {String}\n */\n this.pgInpCssClass = f.paging_inp_css_class || 'pgNbInp';\n\n /**\n * Label and values for the results per page select, example of usage:\n * ['Records: ', [10,25,50,100]]\n * @type {Array}\n */\n this.resultsPerPage = f.results_per_page || null;\n\n /**\n * Determines if results per page is configured\n * @type {Boolean}\n */\n this.hasResultsPerPage = isArray(this.resultsPerPage);\n\n /**\n * Css class for the results per page select\n * @type {String}\n */\n this.resultsSlcCssClass = f.results_slc_css_class || 'rspg';\n\n /**\n * Css class for the label preceding results per page select\n * @type {String}\n */\n this.resultsSpanCssClass = f.results_span_css_class || 'rspgSpan';\n\n /**\n * Index of the first row of current page\n * @type {Number}\n * @private\n */\n this.startPagingRow = 0;\n\n /**\n * Total number of pages\n * @type {Number}\n * @private\n */\n this.nbPages = 0;\n\n /**\n * Current page number\n * @type {Number}\n * @private\n */\n this.currentPageNb = 1;\n\n /**\n * Next page button text\n * @type {String}\n */\n this.btnNextPageText = f.btn_next_page_text || '>';\n\n /**\n * Previous page button text\n * @type {String}\n */\n this.btnPrevPageText = f.btn_prev_page_text || '<';\n\n /**\n * Last page button text\n * @type {String}\n */\n this.btnLastPageText = f.btn_last_page_text || '>|';\n\n /**\n * First page button text\n * @type {String}\n */\n this.btnFirstPageText = f.btn_first_page_text || '|<';\n\n /**\n * Next page button HTML\n * @type {String}\n */\n this.btnNextPageHtml = f.btn_next_page_html ||\n (!tf.enableIcons ? null :\n '');\n\n /**\n * Previous page button HTML\n * @type {String}\n */\n this.btnPrevPageHtml = f.btn_prev_page_html ||\n (!tf.enableIcons ? null :\n '');\n\n /**\n * First page button HTML\n * @type {String}\n */\n this.btnFirstPageHtml = f.btn_first_page_html ||\n (!tf.enableIcons ? null :\n '');\n\n /**\n * Last page button HTML\n * @type {String}\n */\n this.btnLastPageHtml = f.btn_last_page_html ||\n (!tf.enableIcons ? null :\n '');\n\n /**\n * Text preceeding page selector drop-down\n * @type {String}\n */\n this.pageText = f.page_text || ' Page ';\n\n /**\n * Text after page selector drop-down\n * @type {String}\n */\n this.ofText = f.of_text || ' of ';\n\n /**\n * Css class for the span containing total number of pages\n * @type {String}\n */\n this.nbPgSpanCssClass = f.nb_pages_css_class || 'nbpg';\n\n /**\n * Determines if paging buttons are enabled (default: true)\n * @type {Boolean}\n */\n this.hasPagingBtns = f.paging_btns === false ? false : true;\n\n /**\n * Defines page selector type, two possible values: 'select', 'input'\n * @type {String}\n */\n this.pageSelectorType = f.page_selector_type || SELECT;\n\n /**\n * Callback fired before the page is changed\n * @type {Function}\n */\n this.onBeforeChangePage = isFn(f.on_before_change_page) ?\n f.on_before_change_page : null;\n\n /**\n * Callback fired after the page is changed\n * @type {Function}\n */\n this.onAfterChangePage = isFn(f.on_after_change_page) ?\n f.on_after_change_page : null;\n\n /**\n * Element IDs prefixes\n */\n /**\n * Page select\n * @type {String}\n * @private\n */\n this.prfxSlcPages = 'slcPages_';\n /**\n * Results per page select\n * @type {String}\n * @private\n */\n this.prfxSlcResults = 'slcResults_';\n /**\n * Label preciding results per page select\n * @type {String}\n * @private\n */\n this.prfxSlcResultsTxt = 'slcResultsTxt_';\n /**\n * Span containing next page button\n * @type {String}\n * @private\n */\n this.prfxBtnNextSpan = 'btnNextSpan_';\n /**\n * Span containing previous page button\n * @type {String}\n * @private\n */\n this.prfxBtnPrevSpan = 'btnPrevSpan_';\n /**\n * Span containing last page button\n * @type {String}\n * @private\n */\n this.prfxBtnLastSpan = 'btnLastSpan_';\n /**\n * Span containing first page button\n * @type {String}\n * @private\n */\n this.prfxBtnFirstSpan = 'btnFirstSpan_';\n /**\n * Next button\n * @type {String}\n * @private\n */\n this.prfxBtnNext = 'btnNext_';\n /**\n * Previous button\n * @type {String}\n * @private\n */\n this.prfxBtnPrev = 'btnPrev_';\n /**\n * Last button\n * @type {String}\n * @private\n */\n this.prfxBtnLast = 'btnLast_';\n /**\n * First button\n * @type {String}\n * @private\n */\n this.prfxBtnFirst = 'btnFirst_';\n /**\n * Span for tot nb pages\n * @type {String}\n * @private\n */\n this.prfxPgSpan = 'pgspan_';\n /**\n * Span preceding pages select (contains 'Page')\n * @type {String}\n * @private\n */\n this.prfxPgBeforeSpan = 'pgbeforespan_';\n /**\n * Span following pages select (contains ' of ')\n * @type {String}\n * @private\n */\n this.prfxPgAfterSpan = 'pgafterspan_';\n\n var start_row = tf.refRow;\n var nrows = tf.getRowsNb(true);\n //calculates page nb\n this.nbPages = Math.ceil((nrows - start_row) / this.pagingLength);\n\n var o = this;\n /**\n * Paging DOM events handlers\n * @type {String}\n * @private\n */\n this.evt = {\n slcIndex() {\n return (o.pageSelectorType === SELECT) ?\n o.pagingSlc.options.selectedIndex :\n parseInt(o.pagingSlc.value, 10) - 1;\n },\n nbOpts() {\n return (o.pageSelectorType === SELECT) ?\n parseInt(o.pagingSlc.options.length, 10) - 1 :\n (o.nbPages - 1);\n },\n next() {\n var nextIndex = o.evt.slcIndex() < o.evt.nbOpts() ?\n o.evt.slcIndex() + 1 : 0;\n o.changePage(nextIndex);\n },\n prev() {\n var prevIndex = o.evt.slcIndex() > 0 ?\n o.evt.slcIndex() - 1 : o.evt.nbOpts();\n o.changePage(prevIndex);\n },\n last() {\n o.changePage(o.evt.nbOpts());\n },\n first() {\n o.changePage(0);\n },\n _detectKey(e) {\n var key = keyCode(e);\n if (key === ENTER_KEY) {\n if (tf.sorted) {\n tf.filter();\n o.changePage(o.evt.slcIndex());\n } else {\n o.changePage();\n }\n this.blur();\n }\n },\n slcPagesChange: null,\n nextEvt: null,\n prevEvt: null,\n lastEvt: null,\n firstEvt: null\n };\n }\n\n /**\n * Initialize DOM elements\n */\n init() {\n var slcPages;\n var tf = this.tf;\n var evt = this.evt;\n\n if (this.initialized) {\n return;\n }\n\n // Check resultsPerPage is in expected format and initialise the\n // results per page component\n if (this.hasResultsPerPage) {\n if (this.resultsPerPage.length < 2) {\n this.hasResultsPerPage = false;\n } else {\n this.pagingLength = this.resultsPerPage[1][0];\n this.setResultsPerPage();\n }\n }\n\n evt.slcPagesChange = (event) => {\n var slc = event.target;\n this.changePage(slc.selectedIndex);\n };\n\n // Paging drop-down list selector\n if (this.pageSelectorType === SELECT) {\n slcPages = createElm(SELECT, ['id', this.prfxSlcPages + tf.id]);\n slcPages.className = this.pgSlcCssClass;\n addEvt(slcPages, 'change', evt.slcPagesChange);\n }\n\n // Paging input selector\n if (this.pageSelectorType === INPUT) {\n slcPages = createElm(INPUT,\n ['id', this.prfxSlcPages + tf.id],\n ['value', this.currentPageNb]\n );\n slcPages.className = this.pgInpCssClass;\n addEvt(slcPages, 'keypress', evt._detectKey);\n }\n\n // btns containers\n var btnNextSpan = createElm(\n 'span', ['id', this.prfxBtnNextSpan + tf.id]);\n var btnPrevSpan = createElm(\n 'span', ['id', this.prfxBtnPrevSpan + tf.id]);\n var btnLastSpan = createElm(\n 'span', ['id', this.prfxBtnLastSpan + tf.id]);\n var btnFirstSpan = createElm(\n 'span', ['id', this.prfxBtnFirstSpan + tf.id]);\n\n if (this.hasPagingBtns) {\n // Next button\n if (!this.btnNextPageHtml) {\n var btn_next = createElm(INPUT,\n ['id', this.prfxBtnNext + tf.id],\n ['type', 'button'],\n ['value', this.btnNextPageText],\n ['title', 'Next']\n );\n btn_next.className = this.btnPageCssClass;\n addEvt(btn_next, 'click', evt.next);\n btnNextSpan.appendChild(btn_next);\n } else {\n btnNextSpan.innerHTML = this.btnNextPageHtml;\n addEvt(btnNextSpan, 'click', evt.next);\n }\n // Previous button\n if (!this.btnPrevPageHtml) {\n var btn_prev = createElm(INPUT,\n ['id', this.prfxBtnPrev + tf.id],\n ['type', 'button'],\n ['value', this.btnPrevPageText],\n ['title', 'Previous']\n );\n btn_prev.className = this.btnPageCssClass;\n addEvt(btn_prev, 'click', evt.prev);\n btnPrevSpan.appendChild(btn_prev);\n } else {\n btnPrevSpan.innerHTML = this.btnPrevPageHtml;\n addEvt(btnPrevSpan, 'click', evt.prev);\n }\n // Last button\n if (!this.btnLastPageHtml) {\n var btn_last = createElm(INPUT,\n ['id', this.prfxBtnLast + tf.id],\n ['type', 'button'],\n ['value', this.btnLastPageText],\n ['title', 'Last']\n );\n btn_last.className = this.btnPageCssClass;\n addEvt(btn_last, 'click', evt.last);\n btnLastSpan.appendChild(btn_last);\n } else {\n btnLastSpan.innerHTML = this.btnLastPageHtml;\n addEvt(btnLastSpan, 'click', evt.last);\n }\n // First button\n if (!this.btnFirstPageHtml) {\n var btn_first = createElm(INPUT,\n ['id', this.prfxBtnFirst + tf.id],\n ['type', 'button'],\n ['value', this.btnFirstPageText],\n ['title', 'First']\n );\n btn_first.className = this.btnPageCssClass;\n addEvt(btn_first, 'click', evt.first);\n btnFirstSpan.appendChild(btn_first);\n } else {\n btnFirstSpan.innerHTML = this.btnFirstPageHtml;\n addEvt(btnFirstSpan, 'click', evt.first);\n }\n }\n\n // paging elements (buttons+drop-down list) are added to defined element\n if (!this.pagingTgtId) {\n tf.setToolbar();\n }\n var targetEl = !this.pagingTgtId ? tf.mDiv : elm(this.pagingTgtId);\n targetEl.appendChild(btnFirstSpan);\n targetEl.appendChild(btnPrevSpan);\n\n var pgBeforeSpan = createElm(\n 'span', ['id', this.prfxPgBeforeSpan + tf.id]);\n pgBeforeSpan.appendChild(createText(this.pageText));\n pgBeforeSpan.className = this.nbPgSpanCssClass;\n targetEl.appendChild(pgBeforeSpan);\n targetEl.appendChild(slcPages);\n var pgAfterSpan = createElm(\n 'span', ['id', this.prfxPgAfterSpan + tf.id]);\n pgAfterSpan.appendChild(createText(this.ofText));\n pgAfterSpan.className = this.nbPgSpanCssClass;\n targetEl.appendChild(pgAfterSpan);\n var pgspan = createElm('span', ['id', this.prfxPgSpan + tf.id]);\n pgspan.className = this.nbPgSpanCssClass;\n pgspan.appendChild(createText(' ' + this.nbPages + ' '));\n targetEl.appendChild(pgspan);\n targetEl.appendChild(btnNextSpan);\n targetEl.appendChild(btnLastSpan);\n this.pagingSlc = elm(this.prfxSlcPages + tf.id);\n\n this.setPagingInfo();\n\n if (!tf.fltGrid) {\n tf.validateAllRows();\n this.setPagingInfo(tf.validRowsIndex);\n }\n\n this.emitter.on(['after-filtering'], () => this.resetPagingInfo());\n this.emitter.on(['change-page'],\n (tf, pageNumber) => this.setPage(pageNumber));\n this.emitter.on(['change-page-results'],\n (tf, pageLength) => this.changeResultsPerPage(pageLength));\n\n this.initialized = true;\n }\n\n /**\n * Reset paging when filters are already instantiated\n * @param {Boolean} filterTable Execute filtering once paging instanciated\n */\n reset(filterTable = false) {\n var tf = this.tf;\n if (this.isEnabled()) {\n return;\n }\n this.enable();\n this.init();\n\n if (filterTable) {\n tf.filter();\n }\n }\n\n /**\n * Reset paging info from scratch after a filtering process\n */\n resetPagingInfo() {\n this.startPagingRow = 0;\n this.currentPageNb = 1;\n this.setPagingInfo(this.tf.validRowsIndex);\n }\n\n /**\n * Calculate number of pages based on valid rows\n * Refresh paging select according to number of pages\n * @param {Array} validRows Collection of valid rows\n */\n setPagingInfo(validRows) {\n var tf = this.tf;\n var mdiv = !this.pagingTgtId ? tf.mDiv : elm(this.pagingTgtId);\n var pgspan = elm(this.prfxPgSpan + tf.id);\n\n //store valid rows indexes\n tf.validRowsIndex = validRows || tf.getValidRows(true);\n\n //calculate nb of pages\n this.nbPages = Math.ceil(tf.validRowsIndex.length / this.pagingLength);\n //refresh page nb span\n pgspan.innerHTML = this.nbPages;\n //select clearing shortcut\n if (this.pageSelectorType === SELECT) {\n this.pagingSlc.innerHTML = '';\n }\n\n if (this.nbPages > 0) {\n mdiv.style.visibility = 'visible';\n if (this.pageSelectorType === SELECT) {\n for (var z = 0; z < this.nbPages; z++) {\n var opt = createOpt(z + 1, z * this.pagingLength, false);\n this.pagingSlc.options[z] = opt;\n }\n } else {\n //input type\n this.pagingSlc.value = this.currentPageNb;\n }\n\n } else {\n /*** if no results paging select and buttons are hidden ***/\n mdiv.style.visibility = 'hidden';\n }\n this.groupByPage(tf.validRowsIndex);\n }\n\n /**\n * Group table rows by page and display valid rows\n * @param {Array} validRows Collection of valid rows\n */\n groupByPage(validRows) {\n var tf = this.tf;\n var rows = tf.tbl.rows;\n var startPagingRow = parseInt(this.startPagingRow, 10);\n var endPagingRow = startPagingRow + parseInt(this.pagingLength, 10);\n\n //store valid rows indexes\n if (validRows) {\n tf.validRowsIndex = validRows;\n }\n\n //this loop shows valid rows of current page\n for (var h = 0, len = tf.getValidRowsNb(true); h < len; h++) {\n var validRowIdx = tf.validRowsIndex[h];\n var r = rows[validRowIdx];\n var isRowValid = r.getAttribute('validRow');\n var rowDisplayed = false;\n\n if (h >= startPagingRow && h < endPagingRow) {\n if (isNull(isRowValid) || Boolean(isRowValid === 'true')) {\n r.style.display = '';\n rowDisplayed = true;\n }\n } else {\n r.style.display = NONE;\n }\n this.emitter.emit('row-paged', tf, validRowIdx, h, rowDisplayed);\n }\n\n // broadcast grouping by page\n this.emitter.emit('grouped-by-page', tf, this);\n }\n\n /**\n * Return the current page number\n * @return {Number} Page number\n */\n getPage() {\n return this.currentPageNb;\n }\n\n /**\n * Show page defined by passed argument (string or number):\n * @param {String}/{Number} cmd possible string values: 'next',\n * 'previous', 'last', 'first' or page number as per param\n */\n setPage(cmd) {\n var tf = this.tf;\n if (!tf.isInitialized() || !this.isEnabled()) {\n return;\n }\n var btnEvt = this.evt,\n cmdtype = typeof cmd;\n if (cmdtype === 'string') {\n switch (cmd.toLowerCase()) {\n case 'next':\n btnEvt.next();\n break;\n case 'previous':\n btnEvt.prev();\n break;\n case 'last':\n btnEvt.last();\n break;\n case 'first':\n btnEvt.first();\n break;\n default:\n btnEvt.next();\n break;\n }\n }\n else if (cmdtype === 'number') {\n this.changePage(cmd - 1);\n }\n }\n\n /**\n * Generates UI elements for the number of results per page drop-down\n */\n setResultsPerPage() {\n var tf = this.tf;\n var evt = this.evt;\n\n if (this.resultsPerPageSlc || !this.resultsPerPage) {\n return;\n }\n\n evt.slcResultsChange = (ev) => {\n this.onChangeResultsPerPage();\n ev.target.blur();\n };\n\n var slcR = createElm(SELECT, ['id', this.prfxSlcResults + tf.id]);\n slcR.className = this.resultsSlcCssClass;\n var slcRText = this.resultsPerPage[0],\n slcROpts = this.resultsPerPage[1];\n var slcRSpan = createElm(\n 'span', ['id', this.prfxSlcResultsTxt + tf.id]);\n slcRSpan.className = this.resultsSpanCssClass;\n\n // results per page select is added to external element\n if (!this.resultsPerPageTgtId) {\n tf.setToolbar();\n }\n var targetEl = !this.resultsPerPageTgtId ?\n tf.rDiv : elm(this.resultsPerPageTgtId);\n slcRSpan.appendChild(createText(slcRText));\n\n var help = tf.feature('help');\n if (help && help.btn) {\n help.btn.parentNode.insertBefore(slcRSpan, help.btn);\n help.btn.parentNode.insertBefore(slcR, help.btn);\n } else {\n targetEl.appendChild(slcRSpan);\n targetEl.appendChild(slcR);\n }\n\n for (var r = 0; r < slcROpts.length; r++) {\n var currOpt = new Option(slcROpts[r], slcROpts[r], false, false);\n slcR.options[r] = currOpt;\n }\n addEvt(slcR, 'change', evt.slcResultsChange);\n this.resultsPerPageSlc = slcR;\n }\n\n /**\n * Remove number of results per page UI elements\n */\n removeResultsPerPage() {\n var tf = this.tf;\n if (!tf.isInitialized() || !this.resultsPerPageSlc ||\n !this.resultsPerPage) {\n return;\n }\n var slcR = this.resultsPerPageSlc,\n slcRSpan = elm(this.prfxSlcResultsTxt + tf.id);\n if (slcR) {\n removeElm(slcR);\n }\n if (slcRSpan) {\n removeElm(slcRSpan);\n }\n this.resultsPerPageSlc = null;\n }\n\n /**\n * Change the page based on passed index\n * @param {Number} index Index of the page (0-n)\n */\n changePage(index) {\n var tf = this.tf;\n\n if (!this.isEnabled()) {\n return;\n }\n\n this.emitter.emit('before-page-change', tf, (index + 1));\n\n if (index === null) {\n index = this.pageSelectorType === SELECT ?\n this.pagingSlc.options.selectedIndex : this.pagingSlc.value - 1;\n }\n if (index >= 0 && index <= (this.nbPages - 1)) {\n if (this.onBeforeChangePage) {\n this.onBeforeChangePage.call(null, this, (index + 1));\n }\n this.currentPageNb = parseInt(index, 10) + 1;\n if (this.pageSelectorType === SELECT) {\n this.pagingSlc.options[index].selected = true;\n } else {\n this.pagingSlc.value = this.currentPageNb;\n }\n\n this.startPagingRow = (this.pageSelectorType === SELECT) ?\n this.pagingSlc.value : (index * this.pagingLength);\n\n this.groupByPage();\n\n if (this.onAfterChangePage) {\n this.onAfterChangePage.call(null, this, (index + 1));\n }\n }\n\n this.emitter.emit('after-page-change', tf, (index + 1));\n }\n\n /**\n * Change the number of results per page based on passed value\n * @param {String} val The number of results per page\n */\n changeResultsPerPage(val) {\n if (!this.isEnabled() || isNaN(val)) {\n return;\n }\n\n this.resultsPerPageSlc.value = val;\n this.onChangeResultsPerPage();\n }\n\n /**\n * Change rows according to page results drop-down\n */\n onChangeResultsPerPage() {\n var tf = this.tf;\n\n if (!this.isEnabled()) {\n return;\n }\n\n this.emitter.emit('before-page-length-change', tf);\n\n var slcR = this.resultsPerPageSlc;\n var slcIndex = slcR.selectedIndex;\n var slcPagesSelIndex = (this.pageSelectorType === SELECT) ?\n this.pagingSlc.selectedIndex :\n parseInt(this.pagingSlc.value - 1, 10);\n this.pagingLength = parseInt(slcR.options[slcIndex].value, 10);\n this.startPagingRow = this.pagingLength * slcPagesSelIndex;\n\n if (!isNaN(this.pagingLength)) {\n if (this.startPagingRow >= tf.nbFilterableRows) {\n this.startPagingRow = (tf.nbFilterableRows - this.pagingLength);\n }\n this.setPagingInfo();\n\n if (this.pageSelectorType === SELECT) {\n var slcIdx =\n (this.pagingSlc.options.length - 1 <= slcPagesSelIndex) ?\n (this.pagingSlc.options.length - 1) : slcPagesSelIndex;\n this.pagingSlc.options[slcIdx].selected = true;\n }\n }\n\n this.emitter.emit('after-page-length-change', tf, this.pagingLength);\n }\n\n /**\n * Re-set page nb at page re-load\n */\n resetPage() {\n var tf = this.tf;\n if (!this.isEnabled()) {\n return;\n }\n this.emitter.emit('before-reset-page', tf);\n var pgNb = tf.feature('store').getPageNb();\n if (pgNb !== '') {\n this.changePage((pgNb - 1));\n }\n this.emitter.emit('after-reset-page', tf, pgNb);\n }\n\n /**\n * Re-set page length value at page re-load\n */\n resetPageLength() {\n var tf = this.tf;\n if (!this.isEnabled()) {\n return;\n }\n this.emitter.emit('before-reset-page-length', tf);\n var pglenIndex = tf.feature('store').getPageLength();\n\n if (pglenIndex !== '') {\n this.resultsPerPageSlc.options[pglenIndex].selected = true;\n this.changeResultsPerPage();\n }\n this.emitter.emit('after-reset-page-length', tf, pglenIndex);\n }\n\n /**\n * Remove paging feature\n */\n destroy() {\n var tf = this.tf;\n\n if (!this.initialized) {\n return;\n }\n // btns containers\n var btnNextSpan = elm(this.prfxBtnNextSpan + tf.id);\n var btnPrevSpan = elm(this.prfxBtnPrevSpan + tf.id);\n var btnLastSpan = elm(this.prfxBtnLastSpan + tf.id);\n var btnFirstSpan = elm(this.prfxBtnFirstSpan + tf.id);\n //span containing 'Page' text\n var pgBeforeSpan = elm(this.prfxPgBeforeSpan + tf.id);\n //span containing 'of' text\n var pgAfterSpan = elm(this.prfxPgAfterSpan + tf.id);\n //span containing nb of pages\n var pgspan = elm(this.prfxPgSpan + tf.id);\n\n var evt = this.evt;\n\n if (this.pagingSlc) {\n if (this.pageSelectorType === SELECT) {\n removeEvt(this.pagingSlc, 'change', evt.slcPagesChange);\n }\n else if (this.pageSelectorType === INPUT) {\n removeEvt(this.pagingSlc, 'keypress', evt._detectKey);\n }\n removeElm(this.pagingSlc);\n }\n\n if (btnNextSpan) {\n removeEvt(btnNextSpan, 'click', evt.next);\n removeElm(btnNextSpan);\n }\n\n if (btnPrevSpan) {\n removeEvt(btnPrevSpan, 'click', evt.prev);\n removeElm(btnPrevSpan);\n }\n\n if (btnLastSpan) {\n removeEvt(btnLastSpan, 'click', evt.last);\n removeElm(btnLastSpan);\n }\n\n if (btnFirstSpan) {\n removeEvt(btnFirstSpan, 'click', evt.first);\n removeElm(btnFirstSpan);\n }\n\n if (pgBeforeSpan) {\n removeElm(pgBeforeSpan);\n }\n\n if (pgAfterSpan) {\n removeElm(pgAfterSpan);\n }\n\n if (pgspan) {\n removeElm(pgspan);\n }\n\n if (this.hasResultsPerPage) {\n this.removeResultsPerPage();\n }\n\n this.emitter.off(['after-filtering'], () => this.resetPagingInfo());\n this.emitter.off(['change-page'],\n (tf, pageNumber) => this.setPage(pageNumber));\n this.emitter.off(['change-page-results'],\n (tf, pageLength) => this.changeResultsPerPage(pageLength));\n\n this.pagingSlc = null;\n this.nbPages = 0;\n this.disable();\n this.initialized = false;\n }\n}\n"
},
{
"__docId__": 494,
@@ -10485,12 +10485,21 @@
"export": true,
"importPath": "tablefilter/src/modules/paging.js",
"importStyle": "{Paging}",
- "description": null,
- "lineNumber": 7,
- "undocument": true,
+ "description": "Paging UI component",
+ "lineNumber": 13,
+ "unknown": [
+ {
+ "tagName": "@export",
+ "tagValue": ""
+ },
+ {
+ "tagName": "@class",
+ "tagValue": "Paging"
+ }
+ ],
"interface": false,
"extends": [
- "src/feature.js~Feature"
+ "Feature"
]
},
{
@@ -10502,13 +10511,13 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#constructor",
"access": null,
- "description": "Pagination component",
- "lineNumber": 13,
+ "description": "Creates an instance of Paging",
+ "lineNumber": 19,
"params": [
{
"nullable": null,
"types": [
- "Object"
+ "TableFilter"
],
"spread": false,
"optional": false,
@@ -10527,13 +10536,15 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#btnPageCssClass",
"access": null,
- "description": null,
- "lineNumber": 20,
- "undocument": true,
+ "description": "Css class for the paging buttons (previous, next, etc.)",
+ "lineNumber": 29,
"type": {
+ "nullable": null,
"types": [
- "*"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -10545,13 +10556,15 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#pagingSlc",
"access": null,
- "description": null,
- "lineNumber": 22,
- "undocument": true,
+ "description": "Main select DOM element",
+ "lineNumber": 35,
"type": {
+ "nullable": null,
"types": [
- "*"
- ]
+ "DOMElement"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -10563,13 +10576,15 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#resultsPerPageSlc",
"access": null,
- "description": null,
- "lineNumber": 24,
- "undocument": true,
+ "description": "Results per page select DOM element",
+ "lineNumber": 41,
"type": {
+ "nullable": null,
"types": [
- "*"
- ]
+ "DOMElement"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -10581,13 +10596,15 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#pagingTgtId",
"access": null,
- "description": null,
- "lineNumber": 26,
- "undocument": true,
+ "description": "ID of custom container element",
+ "lineNumber": 47,
"type": {
+ "nullable": null,
"types": [
- "*"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -10599,13 +10616,15 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#pagingLength",
"access": null,
- "description": null,
- "lineNumber": 28,
- "undocument": true,
+ "description": "Number of rows contained in a page",
+ "lineNumber": 53,
"type": {
+ "nullable": null,
"types": [
- "*"
- ]
+ "Number"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -10617,13 +10636,15 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#resultsPerPageTgtId",
"access": null,
- "description": null,
- "lineNumber": 30,
- "undocument": true,
+ "description": "ID of custom container element for the results per page selector",
+ "lineNumber": 59,
"type": {
+ "nullable": null,
"types": [
- "*"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -10635,13 +10656,15 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#pgSlcCssClass",
"access": null,
- "description": null,
- "lineNumber": 32,
- "undocument": true,
+ "description": "Css class for the paging select element",
+ "lineNumber": 65,
"type": {
+ "nullable": null,
"types": [
- "*"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -10653,13 +10676,15 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#pgInpCssClass",
"access": null,
- "description": null,
- "lineNumber": 34,
- "undocument": true,
+ "description": "Css class for the paging input element",
+ "lineNumber": 71,
"type": {
+ "nullable": null,
"types": [
- "*"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -10671,13 +10696,15 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#resultsPerPage",
"access": null,
- "description": null,
- "lineNumber": 36,
- "undocument": true,
+ "description": "Label and values for the results per page select, example of usage:\n['Records: ', [10,25,50,100]]",
+ "lineNumber": 78,
"type": {
+ "nullable": null,
"types": [
- "*"
- ]
+ "Array"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -10689,13 +10716,15 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#hasResultsPerPage",
"access": null,
- "description": null,
- "lineNumber": 38,
- "undocument": true,
+ "description": "Determines if results per page is configured",
+ "lineNumber": 84,
"type": {
+ "nullable": null,
"types": [
- "*"
- ]
+ "Boolean"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -10707,13 +10736,15 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#resultsSlcCssClass",
"access": null,
- "description": null,
- "lineNumber": 40,
- "undocument": true,
+ "description": "Css class for the results per page select",
+ "lineNumber": 90,
"type": {
+ "nullable": null,
"types": [
- "*"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -10725,13 +10756,15 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#resultsSpanCssClass",
"access": null,
- "description": null,
- "lineNumber": 42,
- "undocument": true,
+ "description": "Css class for the label preceding results per page select",
+ "lineNumber": 96,
"type": {
+ "nullable": null,
"types": [
- "*"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -10742,14 +10775,16 @@
"name": "startPagingRow",
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#startPagingRow",
- "access": null,
- "description": null,
- "lineNumber": 44,
- "undocument": true,
+ "access": "private",
+ "description": "Index of the first row of current page",
+ "lineNumber": 103,
"type": {
+ "nullable": null,
"types": [
- "number"
- ]
+ "Number"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -10760,14 +10795,16 @@
"name": "nbPages",
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#nbPages",
- "access": null,
- "description": null,
- "lineNumber": 46,
- "undocument": true,
+ "access": "private",
+ "description": "Total number of pages",
+ "lineNumber": 110,
"type": {
+ "nullable": null,
"types": [
- "number"
- ]
+ "Number"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -10778,14 +10815,16 @@
"name": "currentPageNb",
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#currentPageNb",
- "access": null,
- "description": null,
- "lineNumber": 48,
- "undocument": true,
+ "access": "private",
+ "description": "Current page number",
+ "lineNumber": 117,
"type": {
+ "nullable": null,
"types": [
- "number"
- ]
+ "Number"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -10797,13 +10836,15 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#btnNextPageText",
"access": null,
- "description": null,
- "lineNumber": 50,
- "undocument": true,
+ "description": "Next page button text",
+ "lineNumber": 123,
"type": {
+ "nullable": null,
"types": [
- "*"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -10815,13 +10856,15 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#btnPrevPageText",
"access": null,
- "description": null,
- "lineNumber": 52,
- "undocument": true,
+ "description": "Previous page button text",
+ "lineNumber": 129,
"type": {
+ "nullable": null,
"types": [
- "*"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -10833,13 +10876,15 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#btnLastPageText",
"access": null,
- "description": null,
- "lineNumber": 54,
- "undocument": true,
+ "description": "Last page button text",
+ "lineNumber": 135,
"type": {
+ "nullable": null,
"types": [
- "*"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -10851,13 +10896,15 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#btnFirstPageText",
"access": null,
- "description": null,
- "lineNumber": 56,
- "undocument": true,
+ "description": "First page button text",
+ "lineNumber": 141,
"type": {
+ "nullable": null,
"types": [
- "*"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -10869,13 +10916,15 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#btnNextPageHtml",
"access": null,
- "description": null,
- "lineNumber": 58,
- "undocument": true,
+ "description": "Next page button HTML",
+ "lineNumber": 147,
"type": {
+ "nullable": null,
"types": [
- "*"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -10887,13 +10936,15 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#btnPrevPageHtml",
"access": null,
- "description": null,
- "lineNumber": 63,
- "undocument": true,
+ "description": "Previous page button HTML",
+ "lineNumber": 156,
"type": {
+ "nullable": null,
"types": [
- "*"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -10905,13 +10956,15 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#btnFirstPageHtml",
"access": null,
- "description": null,
- "lineNumber": 68,
- "undocument": true,
+ "description": "First page button HTML",
+ "lineNumber": 165,
"type": {
+ "nullable": null,
"types": [
- "*"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -10923,13 +10976,15 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#btnLastPageHtml",
"access": null,
- "description": null,
- "lineNumber": 73,
- "undocument": true,
+ "description": "Last page button HTML",
+ "lineNumber": 174,
"type": {
+ "nullable": null,
"types": [
- "*"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -10941,13 +10996,15 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#pageText",
"access": null,
- "description": null,
- "lineNumber": 78,
- "undocument": true,
+ "description": "Text preceeding page selector drop-down",
+ "lineNumber": 183,
"type": {
+ "nullable": null,
"types": [
- "*"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -10959,13 +11016,15 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#ofText",
"access": null,
- "description": null,
- "lineNumber": 80,
- "undocument": true,
+ "description": "Text after page selector drop-down",
+ "lineNumber": 189,
"type": {
+ "nullable": null,
"types": [
- "*"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -10977,13 +11036,15 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#nbPgSpanCssClass",
"access": null,
- "description": null,
- "lineNumber": 82,
- "undocument": true,
+ "description": "Css class for the span containing total number of pages",
+ "lineNumber": 195,
"type": {
+ "nullable": null,
"types": [
- "*"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -10995,13 +11056,15 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#hasPagingBtns",
"access": null,
- "description": null,
- "lineNumber": 84,
- "undocument": true,
+ "description": "Determines if paging buttons are enabled (default: true)",
+ "lineNumber": 201,
"type": {
+ "nullable": null,
"types": [
- "*"
- ]
+ "Boolean"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -11013,13 +11076,15 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#pageSelectorType",
"access": null,
- "description": null,
- "lineNumber": 86,
- "undocument": true,
+ "description": "Defines page selector type, two possible values: 'select', 'input'",
+ "lineNumber": 207,
"type": {
+ "nullable": null,
"types": [
- "*"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -11031,13 +11096,15 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#onBeforeChangePage",
"access": null,
- "description": null,
- "lineNumber": 88,
- "undocument": true,
+ "description": "Callback fired before the page is changed",
+ "lineNumber": 213,
"type": {
+ "nullable": null,
"types": [
- "*"
- ]
+ "Function"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -11049,13 +11116,15 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#onAfterChangePage",
"access": null,
- "description": null,
- "lineNumber": 91,
- "undocument": true,
+ "description": "Callback fired after the page is changed",
+ "lineNumber": 220,
"type": {
+ "nullable": null,
"types": [
- "*"
- ]
+ "Function"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -11066,14 +11135,16 @@
"name": "prfxSlcPages",
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#prfxSlcPages",
- "access": null,
- "description": null,
- "lineNumber": 95,
- "undocument": true,
+ "access": "private",
+ "description": "Page select",
+ "lineNumber": 231,
"type": {
+ "nullable": null,
"types": [
- "string"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -11084,14 +11155,16 @@
"name": "prfxSlcResults",
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#prfxSlcResults",
- "access": null,
- "description": null,
- "lineNumber": 97,
- "undocument": true,
+ "access": "private",
+ "description": "Results per page select",
+ "lineNumber": 237,
"type": {
+ "nullable": null,
"types": [
- "string"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -11102,14 +11175,16 @@
"name": "prfxSlcResultsTxt",
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#prfxSlcResultsTxt",
- "access": null,
- "description": null,
- "lineNumber": 99,
- "undocument": true,
+ "access": "private",
+ "description": "Label preciding results per page select",
+ "lineNumber": 243,
"type": {
+ "nullable": null,
"types": [
- "string"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -11120,14 +11195,16 @@
"name": "prfxBtnNextSpan",
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#prfxBtnNextSpan",
- "access": null,
- "description": null,
- "lineNumber": 101,
- "undocument": true,
+ "access": "private",
+ "description": "Span containing next page button",
+ "lineNumber": 249,
"type": {
+ "nullable": null,
"types": [
- "string"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -11138,14 +11215,16 @@
"name": "prfxBtnPrevSpan",
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#prfxBtnPrevSpan",
- "access": null,
- "description": null,
- "lineNumber": 103,
- "undocument": true,
+ "access": "private",
+ "description": "Span containing previous page button",
+ "lineNumber": 255,
"type": {
+ "nullable": null,
"types": [
- "string"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -11156,14 +11235,16 @@
"name": "prfxBtnLastSpan",
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#prfxBtnLastSpan",
- "access": null,
- "description": null,
- "lineNumber": 105,
- "undocument": true,
+ "access": "private",
+ "description": "Span containing last page button",
+ "lineNumber": 261,
"type": {
+ "nullable": null,
"types": [
- "string"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -11174,14 +11255,16 @@
"name": "prfxBtnFirstSpan",
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#prfxBtnFirstSpan",
- "access": null,
- "description": null,
- "lineNumber": 107,
- "undocument": true,
+ "access": "private",
+ "description": "Span containing first page button",
+ "lineNumber": 267,
"type": {
+ "nullable": null,
"types": [
- "string"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -11192,14 +11275,16 @@
"name": "prfxBtnNext",
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#prfxBtnNext",
- "access": null,
- "description": null,
- "lineNumber": 109,
- "undocument": true,
+ "access": "private",
+ "description": "Next button",
+ "lineNumber": 273,
"type": {
+ "nullable": null,
"types": [
- "string"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -11210,14 +11295,16 @@
"name": "prfxBtnPrev",
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#prfxBtnPrev",
- "access": null,
- "description": null,
- "lineNumber": 111,
- "undocument": true,
+ "access": "private",
+ "description": "Previous button",
+ "lineNumber": 279,
"type": {
+ "nullable": null,
"types": [
- "string"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -11228,14 +11315,16 @@
"name": "prfxBtnLast",
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#prfxBtnLast",
- "access": null,
- "description": null,
- "lineNumber": 113,
- "undocument": true,
+ "access": "private",
+ "description": "Last button",
+ "lineNumber": 285,
"type": {
+ "nullable": null,
"types": [
- "string"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -11246,14 +11335,16 @@
"name": "prfxBtnFirst",
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#prfxBtnFirst",
- "access": null,
- "description": null,
- "lineNumber": 115,
- "undocument": true,
+ "access": "private",
+ "description": "First button",
+ "lineNumber": 291,
"type": {
+ "nullable": null,
"types": [
- "string"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -11264,14 +11355,16 @@
"name": "prfxPgSpan",
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#prfxPgSpan",
- "access": null,
- "description": null,
- "lineNumber": 117,
- "undocument": true,
+ "access": "private",
+ "description": "Span for tot nb pages",
+ "lineNumber": 297,
"type": {
+ "nullable": null,
"types": [
- "string"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -11282,14 +11375,16 @@
"name": "prfxPgBeforeSpan",
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#prfxPgBeforeSpan",
- "access": null,
- "description": null,
- "lineNumber": 119,
- "undocument": true,
+ "access": "private",
+ "description": "Span preceding pages select (contains 'Page')",
+ "lineNumber": 303,
"type": {
+ "nullable": null,
"types": [
- "string"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -11300,14 +11395,16 @@
"name": "prfxPgAfterSpan",
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#prfxPgAfterSpan",
- "access": null,
- "description": null,
- "lineNumber": 121,
- "undocument": true,
+ "access": "private",
+ "description": "Span following pages select (contains ' of ')",
+ "lineNumber": 309,
"type": {
+ "nullable": null,
"types": [
- "string"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -11320,7 +11417,7 @@
"longname": "src/modules/paging.js~Paging#nbPages",
"access": null,
"description": null,
- "lineNumber": 126,
+ "lineNumber": 314,
"undocument": true,
"type": {
"types": [
@@ -11336,14 +11433,16 @@
"name": "evt",
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#evt",
- "access": null,
- "description": null,
- "lineNumber": 131,
- "undocument": true,
+ "access": "private",
+ "description": "Paging DOM events handlers",
+ "lineNumber": 322,
"type": {
+ "nullable": null,
"types": [
- "*"
- ]
+ "String"
+ ],
+ "spread": false,
+ "description": null
}
},
{
@@ -11356,7 +11455,7 @@
"longname": "src/modules/paging.js~Paging#init",
"access": null,
"description": "Initialize DOM elements",
- "lineNumber": 181,
+ "lineNumber": 372,
"params": [],
"generator": false
},
@@ -11370,7 +11469,7 @@
"longname": "src/modules/paging.js~Paging#hasResultsPerPage",
"access": null,
"description": null,
- "lineNumber": 194,
+ "lineNumber": 385,
"undocument": true,
"type": {
"types": [
@@ -11388,7 +11487,7 @@
"longname": "src/modules/paging.js~Paging#pagingLength",
"access": null,
"description": null,
- "lineNumber": 196,
+ "lineNumber": 387,
"undocument": true,
"type": {
"types": [
@@ -11406,7 +11505,7 @@
"longname": "src/modules/paging.js~Paging#pagingSlc",
"access": null,
"description": null,
- "lineNumber": 321,
+ "lineNumber": 512,
"undocument": true,
"type": {
"types": [
@@ -11424,7 +11523,7 @@
"longname": "src/modules/paging.js~Paging#initialized",
"access": null,
"description": null,
- "lineNumber": 336,
+ "lineNumber": 527,
"undocument": true,
"type": {
"types": [
@@ -11442,7 +11541,7 @@
"longname": "src/modules/paging.js~Paging#reset",
"access": null,
"description": "Reset paging when filters are already instantiated",
- "lineNumber": 343,
+ "lineNumber": 534,
"params": [
{
"nullable": null,
@@ -11467,7 +11566,7 @@
"longname": "src/modules/paging.js~Paging#resetPagingInfo",
"access": null,
"description": "Reset paging info from scratch after a filtering process",
- "lineNumber": 359,
+ "lineNumber": 550,
"params": [],
"generator": false
},
@@ -11481,7 +11580,7 @@
"longname": "src/modules/paging.js~Paging#startPagingRow",
"access": null,
"description": null,
- "lineNumber": 360,
+ "lineNumber": 551,
"undocument": true,
"type": {
"types": [
@@ -11499,7 +11598,7 @@
"longname": "src/modules/paging.js~Paging#currentPageNb",
"access": null,
"description": null,
- "lineNumber": 361,
+ "lineNumber": 552,
"undocument": true,
"type": {
"types": [
@@ -11517,7 +11616,7 @@
"longname": "src/modules/paging.js~Paging#setPagingInfo",
"access": null,
"description": "Calculate number of pages based on valid rows\nRefresh paging select according to number of pages",
- "lineNumber": 370,
+ "lineNumber": 561,
"params": [
{
"nullable": null,
@@ -11542,7 +11641,7 @@
"longname": "src/modules/paging.js~Paging#nbPages",
"access": null,
"description": null,
- "lineNumber": 379,
+ "lineNumber": 570,
"undocument": true,
"type": {
"types": [
@@ -11560,7 +11659,7 @@
"longname": "src/modules/paging.js~Paging#groupByPage",
"access": null,
"description": "Group table rows by page and display valid rows",
- "lineNumber": 410,
+ "lineNumber": 601,
"params": [
{
"nullable": null,
@@ -11585,7 +11684,7 @@
"longname": "src/modules/paging.js~Paging#getPage",
"access": null,
"description": "Return the current page number",
- "lineNumber": 447,
+ "lineNumber": 638,
"params": [],
"return": {
"nullable": null,
@@ -11607,7 +11706,7 @@
"longname": "src/modules/paging.js~Paging#setPage",
"access": null,
"description": "Show page defined by passed argument (string or number):",
- "lineNumber": 456,
+ "lineNumber": 647,
"params": [
{
"nullable": null,
@@ -11632,7 +11731,7 @@
"longname": "src/modules/paging.js~Paging#setResultsPerPage",
"access": null,
"description": "Generates UI elements for the number of results per page drop-down",
- "lineNumber": 490,
+ "lineNumber": 681,
"params": [],
"generator": false
},
@@ -11646,7 +11745,7 @@
"longname": "src/modules/paging.js~Paging#resultsPerPageSlc",
"access": null,
"description": null,
- "lineNumber": 533,
+ "lineNumber": 724,
"undocument": true,
"type": {
"types": [
@@ -11664,7 +11763,7 @@
"longname": "src/modules/paging.js~Paging#removeResultsPerPage",
"access": null,
"description": "Remove number of results per page UI elements",
- "lineNumber": 539,
+ "lineNumber": 730,
"params": [],
"generator": false
},
@@ -11678,7 +11777,7 @@
"longname": "src/modules/paging.js~Paging#resultsPerPageSlc",
"access": null,
"description": null,
- "lineNumber": 553,
+ "lineNumber": 744,
"undocument": true,
"type": {
"types": [
@@ -11695,8 +11794,8 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#changePage",
"access": null,
- "description": "Change the page according to passed index",
- "lineNumber": 560,
+ "description": "Change the page based on passed index",
+ "lineNumber": 751,
"params": [
{
"nullable": null,
@@ -11721,7 +11820,7 @@
"longname": "src/modules/paging.js~Paging#currentPageNb",
"access": null,
"description": null,
- "lineNumber": 577,
+ "lineNumber": 768,
"undocument": true,
"type": {
"types": [
@@ -11739,7 +11838,7 @@
"longname": "src/modules/paging.js~Paging#startPagingRow",
"access": null,
"description": null,
- "lineNumber": 584,
+ "lineNumber": 775,
"undocument": true,
"type": {
"types": [
@@ -11756,15 +11855,18 @@
"memberof": "src/modules/paging.js~Paging",
"longname": "src/modules/paging.js~Paging#changeResultsPerPage",
"access": null,
- "description": null,
- "lineNumber": 597,
- "undocument": true,
+ "description": "Change the number of results per page based on passed value",
+ "lineNumber": 792,
"params": [
{
- "name": "val",
+ "nullable": null,
"types": [
- "*"
- ]
+ "String"
+ ],
+ "spread": false,
+ "optional": false,
+ "name": "val",
+ "description": "The number of results per page"
}
],
"generator": false
@@ -11779,7 +11881,7 @@
"longname": "src/modules/paging.js~Paging#onChangeResultsPerPage",
"access": null,
"description": "Change rows according to page results drop-down",
- "lineNumber": 609,
+ "lineNumber": 804,
"params": [],
"generator": false
},
@@ -11793,7 +11895,7 @@
"longname": "src/modules/paging.js~Paging#pagingLength",
"access": null,
"description": null,
- "lineNumber": 623,
+ "lineNumber": 818,
"undocument": true,
"type": {
"types": [
@@ -11811,7 +11913,7 @@
"longname": "src/modules/paging.js~Paging#startPagingRow",
"access": null,
"description": null,
- "lineNumber": 624,
+ "lineNumber": 819,
"undocument": true,
"type": {
"types": [
@@ -11829,7 +11931,7 @@
"longname": "src/modules/paging.js~Paging#startPagingRow",
"access": null,
"description": null,
- "lineNumber": 628,
+ "lineNumber": 823,
"undocument": true,
"type": {
"types": [
@@ -11847,7 +11949,7 @@
"longname": "src/modules/paging.js~Paging#resetPage",
"access": null,
"description": "Re-set page nb at page re-load",
- "lineNumber": 646,
+ "lineNumber": 841,
"params": [],
"generator": false
},
@@ -11861,7 +11963,7 @@
"longname": "src/modules/paging.js~Paging#resetPageLength",
"access": null,
"description": "Re-set page length value at page re-load",
- "lineNumber": 662,
+ "lineNumber": 857,
"params": [],
"generator": false
},
@@ -11875,7 +11977,7 @@
"longname": "src/modules/paging.js~Paging#destroy",
"access": null,
"description": "Remove paging feature",
- "lineNumber": 680,
+ "lineNumber": 875,
"params": [],
"generator": false
},
@@ -11889,7 +11991,7 @@
"longname": "src/modules/paging.js~Paging#pagingSlc",
"access": null,
"description": null,
- "lineNumber": 752,
+ "lineNumber": 947,
"undocument": true,
"type": {
"types": [
@@ -11907,7 +12009,7 @@
"longname": "src/modules/paging.js~Paging#nbPages",
"access": null,
"description": null,
- "lineNumber": 753,
+ "lineNumber": 948,
"undocument": true,
"type": {
"types": [
@@ -11925,7 +12027,7 @@
"longname": "src/modules/paging.js~Paging#initialized",
"access": null,
"description": null,
- "lineNumber": 755,
+ "lineNumber": 950,
"undocument": true,
"type": {
"types": [
diff --git a/docs/file/src/array.js.html b/docs/file/src/array.js.html
index ec5793c0..e163750a 100644
--- a/docs/file/src/array.js.html
+++ b/docs/file/src/array.js.html
@@ -3,7 +3,7 @@
src/array.js | tablefilter v0.2.47 API Document
+ src/array.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/const.js.html b/docs/file/src/const.js.html
index b6eeb108..3aa5ff6a 100644
--- a/docs/file/src/const.js.html
+++ b/docs/file/src/const.js.html
@@ -3,7 +3,7 @@
src/const.js | tablefilter v0.2.47 API Document
+ src/const.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/cookie.js.html b/docs/file/src/cookie.js.html
index 7c95af65..2f3dc9f7 100644
--- a/docs/file/src/cookie.js.html
+++ b/docs/file/src/cookie.js.html
@@ -3,7 +3,7 @@
src/cookie.js | tablefilter v0.2.47 API Document
+ src/cookie.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/date.js.html b/docs/file/src/date.js.html
index d0d899b7..9f2c3d6b 100644
--- a/docs/file/src/date.js.html
+++ b/docs/file/src/date.js.html
@@ -3,7 +3,7 @@
src/date.js | tablefilter v0.2.47 API Document
+ src/date.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/dom.js.html b/docs/file/src/dom.js.html
index 8a5a7edc..2482eb7c 100644
--- a/docs/file/src/dom.js.html
+++ b/docs/file/src/dom.js.html
@@ -3,7 +3,7 @@
src/dom.js | tablefilter v0.2.47 API Document
+ src/dom.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/emitter.js.html b/docs/file/src/emitter.js.html
index 165ff3d5..df116922 100644
--- a/docs/file/src/emitter.js.html
+++ b/docs/file/src/emitter.js.html
@@ -3,7 +3,7 @@
src/emitter.js | tablefilter v0.2.47 API Document
+ src/emitter.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/event.js.html b/docs/file/src/event.js.html
index d136a4ba..4c478c6e 100644
--- a/docs/file/src/event.js.html
+++ b/docs/file/src/event.js.html
@@ -3,7 +3,7 @@
src/event.js | tablefilter v0.2.47 API Document
+ src/event.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/extensions/advancedGrid/adapterEzEditTable.js.html b/docs/file/src/extensions/advancedGrid/adapterEzEditTable.js.html
index 154b693f..f16e01b6 100644
--- a/docs/file/src/extensions/advancedGrid/adapterEzEditTable.js.html
+++ b/docs/file/src/extensions/advancedGrid/adapterEzEditTable.js.html
@@ -3,7 +3,7 @@
src/extensions/advancedGrid/adapterEzEditTable.js | tablefilter v0.2.47 API Document
+ src/extensions/advancedGrid/adapterEzEditTable.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/extensions/advancedGrid/advancedGrid.js.html b/docs/file/src/extensions/advancedGrid/advancedGrid.js.html
index 59d4c1dc..e8cb11ad 100644
--- a/docs/file/src/extensions/advancedGrid/advancedGrid.js.html
+++ b/docs/file/src/extensions/advancedGrid/advancedGrid.js.html
@@ -3,7 +3,7 @@
src/extensions/advancedGrid/advancedGrid.js | tablefilter v0.2.47 API Document
+ src/extensions/advancedGrid/advancedGrid.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/extensions/colOps/colOps.js.html b/docs/file/src/extensions/colOps/colOps.js.html
index 40544cd3..8488e2d5 100644
--- a/docs/file/src/extensions/colOps/colOps.js.html
+++ b/docs/file/src/extensions/colOps/colOps.js.html
@@ -3,7 +3,7 @@
src/extensions/colOps/colOps.js | tablefilter v0.2.47 API Document
+ src/extensions/colOps/colOps.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/extensions/colsVisibility/colsVisibility.js.html b/docs/file/src/extensions/colsVisibility/colsVisibility.js.html
index 978c124a..6d15d9d1 100644
--- a/docs/file/src/extensions/colsVisibility/colsVisibility.js.html
+++ b/docs/file/src/extensions/colsVisibility/colsVisibility.js.html
@@ -3,7 +3,7 @@
src/extensions/colsVisibility/colsVisibility.js | tablefilter v0.2.47 API Document
+ src/extensions/colsVisibility/colsVisibility.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/extensions/filtersVisibility/filtersVisibility.js.html b/docs/file/src/extensions/filtersVisibility/filtersVisibility.js.html
index e588a55b..278a4bd4 100644
--- a/docs/file/src/extensions/filtersVisibility/filtersVisibility.js.html
+++ b/docs/file/src/extensions/filtersVisibility/filtersVisibility.js.html
@@ -3,7 +3,7 @@
src/extensions/filtersVisibility/filtersVisibility.js | tablefilter v0.2.47 API Document
+ src/extensions/filtersVisibility/filtersVisibility.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/extensions/sort/adapterSortabletable.js.html b/docs/file/src/extensions/sort/adapterSortabletable.js.html
index bbabf7b7..b49265de 100644
--- a/docs/file/src/extensions/sort/adapterSortabletable.js.html
+++ b/docs/file/src/extensions/sort/adapterSortabletable.js.html
@@ -3,7 +3,7 @@
src/extensions/sort/adapterSortabletable.js | tablefilter v0.2.47 API Document
+ src/extensions/sort/adapterSortabletable.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/extensions/sort/sort.js.html b/docs/file/src/extensions/sort/sort.js.html
index 0d80157f..aa6c48a2 100644
--- a/docs/file/src/extensions/sort/sort.js.html
+++ b/docs/file/src/extensions/sort/sort.js.html
@@ -3,7 +3,7 @@
src/extensions/sort/sort.js | tablefilter v0.2.47 API Document
+ src/extensions/sort/sort.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/feature.js.html b/docs/file/src/feature.js.html
index f5edb62f..82d5c551 100644
--- a/docs/file/src/feature.js.html
+++ b/docs/file/src/feature.js.html
@@ -3,7 +3,7 @@
src/feature.js | tablefilter v0.2.47 API Document
+ src/feature.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/helpers.js.html b/docs/file/src/helpers.js.html
index e66a33f4..5097aa3b 100644
--- a/docs/file/src/helpers.js.html
+++ b/docs/file/src/helpers.js.html
@@ -3,7 +3,7 @@
src/helpers.js | tablefilter v0.2.47 API Document
+ src/helpers.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/modules/alternateRows.js.html b/docs/file/src/modules/alternateRows.js.html
index 475b3838..90a455a4 100644
--- a/docs/file/src/modules/alternateRows.js.html
+++ b/docs/file/src/modules/alternateRows.js.html
@@ -3,7 +3,7 @@
src/modules/alternateRows.js | tablefilter v0.2.47 API Document
+ src/modules/alternateRows.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/modules/checkList.js.html b/docs/file/src/modules/checkList.js.html
index 7ebfe6e2..4d2f8bdc 100644
--- a/docs/file/src/modules/checkList.js.html
+++ b/docs/file/src/modules/checkList.js.html
@@ -3,7 +3,7 @@
src/modules/checkList.js | tablefilter v0.2.47 API Document
+ src/modules/checkList.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/modules/clearButton.js.html b/docs/file/src/modules/clearButton.js.html
index 850d3d0e..c3edbb27 100644
--- a/docs/file/src/modules/clearButton.js.html
+++ b/docs/file/src/modules/clearButton.js.html
@@ -3,7 +3,7 @@
src/modules/clearButton.js | tablefilter v0.2.47 API Document
+ src/modules/clearButton.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/modules/dropdown.js.html b/docs/file/src/modules/dropdown.js.html
index 4ba2ff67..fc4f40f0 100644
--- a/docs/file/src/modules/dropdown.js.html
+++ b/docs/file/src/modules/dropdown.js.html
@@ -3,7 +3,7 @@
src/modules/dropdown.js | tablefilter v0.2.47 API Document
+ src/modules/dropdown.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/modules/gridLayout.js.html b/docs/file/src/modules/gridLayout.js.html
index 536c4f52..4d13673f 100644
--- a/docs/file/src/modules/gridLayout.js.html
+++ b/docs/file/src/modules/gridLayout.js.html
@@ -3,7 +3,7 @@
src/modules/gridLayout.js | tablefilter v0.2.47 API Document
+ src/modules/gridLayout.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/modules/hash.js.html b/docs/file/src/modules/hash.js.html
index 52387dcc..5973da1d 100644
--- a/docs/file/src/modules/hash.js.html
+++ b/docs/file/src/modules/hash.js.html
@@ -3,7 +3,7 @@
src/modules/hash.js | tablefilter v0.2.47 API Document
+ src/modules/hash.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/modules/help.js.html b/docs/file/src/modules/help.js.html
index 2718438e..a8034993 100644
--- a/docs/file/src/modules/help.js.html
+++ b/docs/file/src/modules/help.js.html
@@ -3,7 +3,7 @@
src/modules/help.js | tablefilter v0.2.47 API Document
+ src/modules/help.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/modules/highlightKeywords.js.html b/docs/file/src/modules/highlightKeywords.js.html
index b2379043..3f83c75e 100644
--- a/docs/file/src/modules/highlightKeywords.js.html
+++ b/docs/file/src/modules/highlightKeywords.js.html
@@ -3,7 +3,7 @@
src/modules/highlightKeywords.js | tablefilter v0.2.47 API Document
+ src/modules/highlightKeywords.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/modules/loader.js.html b/docs/file/src/modules/loader.js.html
index dc1be79c..991856be 100644
--- a/docs/file/src/modules/loader.js.html
+++ b/docs/file/src/modules/loader.js.html
@@ -3,7 +3,7 @@
src/modules/loader.js | tablefilter v0.2.47 API Document
+ src/modules/loader.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/modules/noResults.js.html b/docs/file/src/modules/noResults.js.html
index ed0176b4..08bf5170 100644
--- a/docs/file/src/modules/noResults.js.html
+++ b/docs/file/src/modules/noResults.js.html
@@ -3,7 +3,7 @@
src/modules/noResults.js | tablefilter v0.2.47 API Document
+ src/modules/noResults.js | tablefilter v0.2.48 API Document
@@ -177,28 +177,28 @@ export class NoResults extends Feature {
this.cont = null;
/**
- * Callback fired before the message is displayed
+ * Callback fired before the message is displayed
* @type {Function}
*/
this.onBeforeShow = isFn(f.on_before_show_msg) ?
f.on_before_show_msg : null;
/**
- * Callback fired after the message is displayed
+ * Callback fired after the message is displayed
* @type {Function}
*/
this.onAfterShow = isFn(f.on_after_show_msg) ?
f.on_after_show_msg : null;
/**
- * Callback fired before the message is hidden
+ * Callback fired before the message is hidden
* @type {Function}
*/
this.onBeforeHide = isFn(f.on_before_hide_msg) ?
f.on_before_hide_msg : null;
/**
- * Callback fired after the message is hidden
+ * Callback fired after the message is hidden
* @type {Function}
*/
this.onAfterHide = isFn(f.on_after_hide_msg) ?
@@ -305,12 +305,13 @@ export class NoResults extends Feature {
if (!this.initialized || this.isExternal || !this.isEnabled()) {
return;
}
- if (this.tf.gridLayout) {
- let gridLayout = this.tf.feature('gridLayout');
+ let tf = this.tf;
+ if (tf.gridLayout) {
+ let gridLayout = tf.feature('gridLayout');
this.cont.style.width = gridLayout.tblCont.clientWidth + 'px';
} else {
- this.cont.style.width =
- this.tf.tbl.tBodies[0].clientWidth + 'px';
+ this.cont.style.width = (tf.tbl.tHead ? tf.tbl.tHead.clientWidth :
+ tf.tbl.tBodies[0].clientWidth) + 'px';
}
}
diff --git a/docs/file/src/modules/paging.js.html b/docs/file/src/modules/paging.js.html
index 4252caa4..b1e662a0 100644
--- a/docs/file/src/modules/paging.js.html
+++ b/docs/file/src/modules/paging.js.html
@@ -3,7 +3,7 @@
src/modules/paging.js | tablefilter v0.2.47 API Document
+ src/modules/paging.js | tablefilter v0.2.48 API Document
@@ -121,11 +121,17 @@ import {isArray, isFn, isNull} from '../types';
import {addEvt, keyCode, removeEvt} from '../event';
import {INPUT, SELECT, NONE, ENTER_KEY} from '../const';
+/**
+ * Paging UI component
+ * @export
+ * @class Paging
+ * @extends {Feature}
+ */
export class Paging extends Feature {
/**
- * Pagination component
- * @param {Object} tf TableFilter instance
+ * Creates an instance of Paging
+ * @param {TableFilter} tf TableFilter instance
*/
constructor(tf) {
super(tf, 'paging');
@@ -133,108 +139,290 @@ export class Paging extends Feature {
// Configuration object
var f = this.config;
- //css class for paging buttons (previous,next,etc.)
+ /**
+ * Css class for the paging buttons (previous, next, etc.)
+ * @type {String}
+ */
this.btnPageCssClass = f.paging_btn_css_class || 'pgInp';
- //stores paging select element
+
+ /**
+ * Main select DOM element
+ * @type {DOMElement}
+ */
this.pagingSlc = null;
- //results per page select element
+
+ /**
+ * Results per page select DOM element
+ * @type {DOMElement}
+ */
this.resultsPerPageSlc = null;
- //id of container element
+
+ /**
+ * ID of custom container element
+ * @type {String}
+ */
this.pagingTgtId = f.paging_target_id || null;
- //defines table paging length
+
+ /**
+ * Number of rows contained in a page
+ * @type {Number}
+ */
this.pagingLength = !isNaN(f.paging_length) ? f.paging_length : 10;
- //id of container element
+
+ /**
+ * ID of custom container element for the results per page selector
+ * @type {String}
+ */
this.resultsPerPageTgtId = f.results_per_page_target_id || null;
- //css class for paging select element
+
+ /**
+ * Css class for the paging select element
+ * @type {String}
+ */
this.pgSlcCssClass = f.paging_slc_css_class || 'pgSlc';
- //css class for paging input element
+
+ /**
+ * Css class for the paging input element
+ * @type {String}
+ */
this.pgInpCssClass = f.paging_inp_css_class || 'pgNbInp';
- //stores results per page text and values
+
+ /**
+ * Label and values for the results per page select, example of usage:
+ * ['Records: ', [10,25,50,100]]
+ * @type {Array}
+ */
this.resultsPerPage = f.results_per_page || null;
- //enables/disables results per page drop-down
+
+ /**
+ * Determines if results per page is configured
+ * @type {Boolean}
+ */
this.hasResultsPerPage = isArray(this.resultsPerPage);
- //defines css class for results per page select
+
+ /**
+ * Css class for the results per page select
+ * @type {String}
+ */
this.resultsSlcCssClass = f.results_slc_css_class || 'rspg';
- //css class for label preceding results per page select
+
+ /**
+ * Css class for the label preceding results per page select
+ * @type {String}
+ */
this.resultsSpanCssClass = f.results_span_css_class || 'rspgSpan';
- //1st row index of current page
+
+ /**
+ * Index of the first row of current page
+ * @type {Number}
+ * @private
+ */
this.startPagingRow = 0;
- //total nb of pages
+
+ /**
+ * Total number of pages
+ * @type {Number}
+ * @private
+ */
this.nbPages = 0;
- //current page nb
+
+ /**
+ * Current page number
+ * @type {Number}
+ * @private
+ */
this.currentPageNb = 1;
- //defines next page button text
+
+ /**
+ * Next page button text
+ * @type {String}
+ */
this.btnNextPageText = f.btn_next_page_text || '>';
- //defines previous page button text
+
+ /**
+ * Previous page button text
+ * @type {String}
+ */
this.btnPrevPageText = f.btn_prev_page_text || '<';
- //defines last page button text
+
+ /**
+ * Last page button text
+ * @type {String}
+ */
this.btnLastPageText = f.btn_last_page_text || '>|';
- //defines first page button text
+
+ /**
+ * First page button text
+ * @type {String}
+ */
this.btnFirstPageText = f.btn_first_page_text || '|<';
- //defines next page button html
+
+ /**
+ * Next page button HTML
+ * @type {String}
+ */
this.btnNextPageHtml = f.btn_next_page_html ||
(!tf.enableIcons ? null :
'<input type="button" value="" class="' + this.btnPageCssClass +
' nextPage" title="Next page" />');
- //defines previous page button html
+
+ /**
+ * Previous page button HTML
+ * @type {String}
+ */
this.btnPrevPageHtml = f.btn_prev_page_html ||
(!tf.enableIcons ? null :
'<input type="button" value="" class="' + this.btnPageCssClass +
' previousPage" title="Previous page" />');
- //defines last page button html
+
+ /**
+ * First page button HTML
+ * @type {String}
+ */
this.btnFirstPageHtml = f.btn_first_page_html ||
(!tf.enableIcons ? null :
'<input type="button" value="" class="' + this.btnPageCssClass +
' firstPage" title="First page" />');
- //defines previous page button html
+
+ /**
+ * Last page button HTML
+ * @type {String}
+ */
this.btnLastPageHtml = f.btn_last_page_html ||
(!tf.enableIcons ? null :
'<input type="button" value="" class="' + this.btnPageCssClass +
' lastPage" title="Last page" />');
- //defines text preceeding page selector drop-down
+
+ /**
+ * Text preceeding page selector drop-down
+ * @type {String}
+ */
this.pageText = f.page_text || ' Page ';
- //defines text after page selector drop-down
+
+ /**
+ * Text after page selector drop-down
+ * @type {String}
+ */
this.ofText = f.of_text || ' of ';
- //css class for span containing tot nb of pages
+
+ /**
+ * Css class for the span containing total number of pages
+ * @type {String}
+ */
this.nbPgSpanCssClass = f.nb_pages_css_class || 'nbpg';
- //enables/disables paging buttons
+
+ /**
+ * Determines if paging buttons are enabled (default: true)
+ * @type {Boolean}
+ */
this.hasPagingBtns = f.paging_btns === false ? false : true;
- //defines previous page button html
+
+ /**
+ * Defines page selector type, two possible values: 'select', 'input'
+ * @type {String}
+ */
this.pageSelectorType = f.page_selector_type || SELECT;
- //calls function before page is changed
+
+ /**
+ * Callback fired before the page is changed
+ * @type {Function}
+ */
this.onBeforeChangePage = isFn(f.on_before_change_page) ?
f.on_before_change_page : null;
- //calls function before page is changed
+
+ /**
+ * Callback fired after the page is changed
+ * @type {Function}
+ */
this.onAfterChangePage = isFn(f.on_after_change_page) ?
f.on_after_change_page : null;
- //pages select
+ /**
+ * Element IDs prefixes
+ */
+ /**
+ * Page select
+ * @type {String}
+ * @private
+ */
this.prfxSlcPages = 'slcPages_';
- //results per page select
+ /**
+ * Results per page select
+ * @type {String}
+ * @private
+ */
this.prfxSlcResults = 'slcResults_';
- //label preciding results per page select
+ /**
+ * Label preciding results per page select
+ * @type {String}
+ * @private
+ */
this.prfxSlcResultsTxt = 'slcResultsTxt_';
- //span containing next page button
+ /**
+ * Span containing next page button
+ * @type {String}
+ * @private
+ */
this.prfxBtnNextSpan = 'btnNextSpan_';
- //span containing previous page button
+ /**
+ * Span containing previous page button
+ * @type {String}
+ * @private
+ */
this.prfxBtnPrevSpan = 'btnPrevSpan_';
- //span containing last page button
+ /**
+ * Span containing last page button
+ * @type {String}
+ * @private
+ */
this.prfxBtnLastSpan = 'btnLastSpan_';
- //span containing first page button
+ /**
+ * Span containing first page button
+ * @type {String}
+ * @private
+ */
this.prfxBtnFirstSpan = 'btnFirstSpan_';
- //next button
+ /**
+ * Next button
+ * @type {String}
+ * @private
+ */
this.prfxBtnNext = 'btnNext_';
- //previous button
+ /**
+ * Previous button
+ * @type {String}
+ * @private
+ */
this.prfxBtnPrev = 'btnPrev_';
- //last button
+ /**
+ * Last button
+ * @type {String}
+ * @private
+ */
this.prfxBtnLast = 'btnLast_';
- //first button
+ /**
+ * First button
+ * @type {String}
+ * @private
+ */
this.prfxBtnFirst = 'btnFirst_';
- //span for tot nb pages
+ /**
+ * Span for tot nb pages
+ * @type {String}
+ * @private
+ */
this.prfxPgSpan = 'pgspan_';
- //span preceding pages select (contains 'Page')
+ /**
+ * Span preceding pages select (contains 'Page')
+ * @type {String}
+ * @private
+ */
this.prfxPgBeforeSpan = 'pgbeforespan_';
- //span following pages select (contains ' of ')
+ /**
+ * Span following pages select (contains ' of ')
+ * @type {String}
+ * @private
+ */
this.prfxPgAfterSpan = 'pgafterspan_';
var start_row = tf.refRow;
@@ -242,9 +430,12 @@ export class Paging extends Feature {
//calculates page nb
this.nbPages = Math.ceil((nrows - start_row) / this.pagingLength);
- //Paging elements events
var o = this;
- // Paging DOM events
+ /**
+ * Paging DOM events handlers
+ * @type {String}
+ * @private
+ */
this.evt = {
slcIndex() {
return (o.pageSelectorType === SELECT) ?
@@ -671,8 +862,8 @@ export class Paging extends Feature {
}
/**
- * Change the page according to passed index
- * @param {Number} index Index of the page (0-n)
+ * Change the page based on passed index
+ * @param {Number} index Index of the page (0-n)
*/
changePage(index) {
var tf = this.tf;
@@ -711,6 +902,10 @@ export class Paging extends Feature {
this.emitter.emit('after-page-change', tf, (index + 1));
}
+ /**
+ * Change the number of results per page based on passed value
+ * @param {String} val The number of results per page
+ */
changeResultsPerPage(val) {
if (!this.isEnabled() || isNaN(val)) {
return;
diff --git a/docs/file/src/modules/popupFilter.js.html b/docs/file/src/modules/popupFilter.js.html
index 65cc01d4..cb621e42 100644
--- a/docs/file/src/modules/popupFilter.js.html
+++ b/docs/file/src/modules/popupFilter.js.html
@@ -3,7 +3,7 @@
src/modules/popupFilter.js | tablefilter v0.2.47 API Document
+ src/modules/popupFilter.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/modules/rowsCounter.js.html b/docs/file/src/modules/rowsCounter.js.html
index 34ee3870..15ed18df 100644
--- a/docs/file/src/modules/rowsCounter.js.html
+++ b/docs/file/src/modules/rowsCounter.js.html
@@ -3,7 +3,7 @@
src/modules/rowsCounter.js | tablefilter v0.2.47 API Document
+ src/modules/rowsCounter.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/modules/state.js.html b/docs/file/src/modules/state.js.html
index 3bf6e953..38e3036b 100644
--- a/docs/file/src/modules/state.js.html
+++ b/docs/file/src/modules/state.js.html
@@ -3,7 +3,7 @@
src/modules/state.js | tablefilter v0.2.47 API Document
+ src/modules/state.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/modules/statusBar.js.html b/docs/file/src/modules/statusBar.js.html
index 68e57477..db957586 100644
--- a/docs/file/src/modules/statusBar.js.html
+++ b/docs/file/src/modules/statusBar.js.html
@@ -3,7 +3,7 @@
src/modules/statusBar.js | tablefilter v0.2.47 API Document
+ src/modules/statusBar.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/modules/storage.js.html b/docs/file/src/modules/storage.js.html
index a61cfa52..4d283088 100644
--- a/docs/file/src/modules/storage.js.html
+++ b/docs/file/src/modules/storage.js.html
@@ -3,7 +3,7 @@
src/modules/storage.js | tablefilter v0.2.47 API Document
+ src/modules/storage.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/root.js.html b/docs/file/src/root.js.html
index d82efa7d..2e510dfc 100644
--- a/docs/file/src/root.js.html
+++ b/docs/file/src/root.js.html
@@ -3,7 +3,7 @@
src/root.js | tablefilter v0.2.47 API Document
+ src/root.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/sort.js.html b/docs/file/src/sort.js.html
index 59fb4308..0a581ac2 100644
--- a/docs/file/src/sort.js.html
+++ b/docs/file/src/sort.js.html
@@ -3,7 +3,7 @@
src/sort.js | tablefilter v0.2.47 API Document
+ src/sort.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/string.js.html b/docs/file/src/string.js.html
index 20dcac1c..dd3d5245 100644
--- a/docs/file/src/string.js.html
+++ b/docs/file/src/string.js.html
@@ -3,7 +3,7 @@
src/string.js | tablefilter v0.2.47 API Document
+ src/string.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/tablefilter.js.html b/docs/file/src/tablefilter.js.html
index 258d20cb..b013a86b 100644
--- a/docs/file/src/tablefilter.js.html
+++ b/docs/file/src/tablefilter.js.html
@@ -3,7 +3,7 @@
src/tablefilter.js | tablefilter v0.2.47 API Document
+ src/tablefilter.js | tablefilter v0.2.48 API Document
diff --git a/docs/file/src/types.js.html b/docs/file/src/types.js.html
index 13fbfae7..d528bcb6 100644
--- a/docs/file/src/types.js.html
+++ b/docs/file/src/types.js.html
@@ -3,7 +3,7 @@
src/types.js | tablefilter v0.2.47 API Document
+ src/types.js | tablefilter v0.2.48 API Document
diff --git a/docs/identifiers.html b/docs/identifiers.html
index 9d71d13e..cf756ff6 100644
--- a/docs/identifiers.html
+++ b/docs/identifiers.html
@@ -3,7 +3,7 @@
Index | tablefilter v0.2.47 API Document
+ Index | tablefilter v0.2.48 API Document
@@ -573,7 +573,8 @@
diff --git a/docs/index.html b/docs/index.html
index aa7b0c56..59042782 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -3,7 +3,7 @@
tablefilter v0.2.47 API Document
+ tablefilter v0.2.48 API Document
diff --git a/docs/package.json b/docs/package.json
index 569bff58..576f1a7e 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -1,6 +1,6 @@
{
"name": "tablefilter",
- "version": "0.2.47",
+ "version": "0.2.48",
"description": "A Javascript library making HTML tables filterable and a bit more",
"license": "MIT",
"author": {
@@ -46,7 +46,7 @@
"grunt-eslint": "19.0.0",
"grunt-gh-pages": "^1.0.0",
"grunt-string-replace": "^1.2.1",
- "grunt-webpack": "^1.0.8",
+ "grunt-webpack": "^1.0.14",
"script-loader": "^0.7.0",
"string-replace-webpack-plugin": "^0.0.3",
"webpack": "^1.13.1",
diff --git a/docs/script/search_index.js b/docs/script/search_index.js
index 572ad080..a17c389c 100644
--- a/docs/script/search_index.js
+++ b/docs/script/search_index.js
@@ -2717,24 +2717,12 @@ window.esdocSearchIndex = [
"src/modules/paging.js~Paging#constructor",
"method"
],
- [
- "src/modules/paging.js~paging#currentpagenb",
- "class/src/modules/paging.js~Paging.html#instance-member-currentPageNb",
- "src/modules/paging.js~Paging#currentPageNb",
- "member"
- ],
[
"src/modules/paging.js~paging#destroy",
"class/src/modules/paging.js~Paging.html#instance-method-destroy",
"src/modules/paging.js~Paging#destroy",
"method"
],
- [
- "src/modules/paging.js~paging#evt",
- "class/src/modules/paging.js~Paging.html#instance-member-evt",
- "src/modules/paging.js~Paging#evt",
- "member"
- ],
[
"src/modules/paging.js~paging#getpage",
"class/src/modules/paging.js~Paging.html#instance-method-getPage",
@@ -2771,12 +2759,6 @@ window.esdocSearchIndex = [
"src/modules/paging.js~Paging#initialized",
"member"
],
- [
- "src/modules/paging.js~paging#nbpages",
- "class/src/modules/paging.js~Paging.html#instance-member-nbPages",
- "src/modules/paging.js~Paging#nbPages",
- "member"
- ],
[
"src/modules/paging.js~paging#nbpgspancssclass",
"class/src/modules/paging.js~Paging.html#instance-member-nbPgSpanCssClass",
@@ -2849,90 +2831,6 @@ window.esdocSearchIndex = [
"src/modules/paging.js~Paging#pgSlcCssClass",
"member"
],
- [
- "src/modules/paging.js~paging#prfxbtnfirst",
- "class/src/modules/paging.js~Paging.html#instance-member-prfxBtnFirst",
- "src/modules/paging.js~Paging#prfxBtnFirst",
- "member"
- ],
- [
- "src/modules/paging.js~paging#prfxbtnfirstspan",
- "class/src/modules/paging.js~Paging.html#instance-member-prfxBtnFirstSpan",
- "src/modules/paging.js~Paging#prfxBtnFirstSpan",
- "member"
- ],
- [
- "src/modules/paging.js~paging#prfxbtnlast",
- "class/src/modules/paging.js~Paging.html#instance-member-prfxBtnLast",
- "src/modules/paging.js~Paging#prfxBtnLast",
- "member"
- ],
- [
- "src/modules/paging.js~paging#prfxbtnlastspan",
- "class/src/modules/paging.js~Paging.html#instance-member-prfxBtnLastSpan",
- "src/modules/paging.js~Paging#prfxBtnLastSpan",
- "member"
- ],
- [
- "src/modules/paging.js~paging#prfxbtnnext",
- "class/src/modules/paging.js~Paging.html#instance-member-prfxBtnNext",
- "src/modules/paging.js~Paging#prfxBtnNext",
- "member"
- ],
- [
- "src/modules/paging.js~paging#prfxbtnnextspan",
- "class/src/modules/paging.js~Paging.html#instance-member-prfxBtnNextSpan",
- "src/modules/paging.js~Paging#prfxBtnNextSpan",
- "member"
- ],
- [
- "src/modules/paging.js~paging#prfxbtnprev",
- "class/src/modules/paging.js~Paging.html#instance-member-prfxBtnPrev",
- "src/modules/paging.js~Paging#prfxBtnPrev",
- "member"
- ],
- [
- "src/modules/paging.js~paging#prfxbtnprevspan",
- "class/src/modules/paging.js~Paging.html#instance-member-prfxBtnPrevSpan",
- "src/modules/paging.js~Paging#prfxBtnPrevSpan",
- "member"
- ],
- [
- "src/modules/paging.js~paging#prfxpgafterspan",
- "class/src/modules/paging.js~Paging.html#instance-member-prfxPgAfterSpan",
- "src/modules/paging.js~Paging#prfxPgAfterSpan",
- "member"
- ],
- [
- "src/modules/paging.js~paging#prfxpgbeforespan",
- "class/src/modules/paging.js~Paging.html#instance-member-prfxPgBeforeSpan",
- "src/modules/paging.js~Paging#prfxPgBeforeSpan",
- "member"
- ],
- [
- "src/modules/paging.js~paging#prfxpgspan",
- "class/src/modules/paging.js~Paging.html#instance-member-prfxPgSpan",
- "src/modules/paging.js~Paging#prfxPgSpan",
- "member"
- ],
- [
- "src/modules/paging.js~paging#prfxslcpages",
- "class/src/modules/paging.js~Paging.html#instance-member-prfxSlcPages",
- "src/modules/paging.js~Paging#prfxSlcPages",
- "member"
- ],
- [
- "src/modules/paging.js~paging#prfxslcresults",
- "class/src/modules/paging.js~Paging.html#instance-member-prfxSlcResults",
- "src/modules/paging.js~Paging#prfxSlcResults",
- "member"
- ],
- [
- "src/modules/paging.js~paging#prfxslcresultstxt",
- "class/src/modules/paging.js~Paging.html#instance-member-prfxSlcResultsTxt",
- "src/modules/paging.js~Paging#prfxSlcResultsTxt",
- "member"
- ],
[
"src/modules/paging.js~paging#removeresultsperpage",
"class/src/modules/paging.js~Paging.html#instance-method-removeResultsPerPage",
@@ -3011,12 +2909,6 @@ window.esdocSearchIndex = [
"src/modules/paging.js~Paging#setResultsPerPage",
"method"
],
- [
- "src/modules/paging.js~paging#startpagingrow",
- "class/src/modules/paging.js~Paging.html#instance-member-startPagingRow",
- "src/modules/paging.js~Paging#startPagingRow",
- "member"
- ],
[
"src/modules/popupfilter.js",
"file/src/modules/popupFilter.js.html",
diff --git a/docs/source.html b/docs/source.html
index 252430d4..c08e6cb3 100644
--- a/docs/source.html
+++ b/docs/source.html
@@ -3,7 +3,7 @@
Source | tablefilter v0.2.47 API Document
+ Source | tablefilter v0.2.48 API Document
@@ -114,7 +114,7 @@
-Source
+Source
@@ -135,7 +135,7 @@
diff --git a/docs/variable/index.html b/docs/variable/index.html
index d0ebe9f6..394c2cb4 100644
--- a/docs/variable/index.html
+++ b/docs/variable/index.html
@@ -3,7 +3,7 @@
Variable | tablefilter v0.2.47 API Document
+ Variable | tablefilter v0.2.48 API Document
- public - - - - - startPagingRow: number - - - - source - -
- - - - - - - -Change the page according to passed index
+Change the page based on passed index
Change the number of results per page based on passed value
+The number of results per page
+
-
+
Paging UI component
+Source 
356/757
+Source 385/739
| 100 %1/1 | - +||||
| src/const.js | @@ -155,7 +155,7 @@100 %13/13 | - +|||
| src/cookie.js | @@ -163,7 +163,7 @@- | - +|||
| src/date.js | @@ -172,7 +172,7 @@100 %2/2 | - +|||
| src/dom.js | @@ -191,7 +191,7 @@100 %12/12 | - +|||
| src/emitter.js | @@ -199,7 +199,7 @@100 %6/6 | - +|||
| src/event.js | @@ -212,7 +212,7 @@100 %6/6 | - +|||
| src/extensions/advancedGrid/adapterEzEditTable.js | @@ -220,7 +220,7 @@35 %5/14 | - +|||
| src/extensions/advancedGrid/advancedGrid.js | @@ -228,7 +228,7 @@- | - +|||
| src/extensions/colOps/colOps.js | @@ -236,7 +236,7 @@22 %2/9 | - +|||
| src/extensions/colsVisibility/colsVisibility.js | @@ -244,7 +244,7 @@17 %10/57 | - +|||
| src/extensions/filtersVisibility/filtersVisibility.js | @@ -252,7 +252,7 @@18 %6/33 | - +|||
| src/extensions/sort/adapterSortabletable.js | @@ -260,7 +260,7 @@11 %3/26 | - +|||
| src/extensions/sort/sort.js | @@ -268,7 +268,7 @@- | - +|||
| src/feature.js | @@ -276,7 +276,7 @@100 %14/14 | - +|||
| src/helpers.js | @@ -284,7 +284,7 @@100 %1/1 | - +|||
| src/modules/alternateRows.js | @@ -292,7 +292,7 @@88 %8/9 | - +|||
| src/modules/checkList.js | @@ -300,7 +300,7 @@95 %20/21 | - +|||
| src/modules/clearButton.js | @@ -308,7 +308,7 @@88 %8/9 | - +|||
| src/modules/dropdown.js | @@ -316,7 +316,7 @@92 %12/13 | - +|||
| src/modules/gridLayout.js | @@ -324,7 +324,7 @@75 %15/20 | - +|||
| src/modules/hash.js | @@ -333,7 +333,7 @@100 %10/10 | - +|||
| src/modules/help.js | @@ -341,7 +341,7 @@100 %17/17 | - +|||
| src/modules/highlightKeywords.js | @@ -349,7 +349,7 @@100 %10/10 | - +|||
| src/modules/loader.js | @@ -357,23 +357,23 @@92 %13/14 | - +|||
| src/modules/noResults.js | NoResults | 100 %17/17 | - - - + + +||
| src/modules/paging.js | +src/modules/paging.js | Paging | -23 %15/63 | - - - +97 %44/45 | + + +
| src/modules/popupFilter.js | @@ -381,7 +381,7 @@35 %10/28 | - +|||
| src/modules/rowsCounter.js | @@ -389,7 +389,7 @@5 %1/18 | - +|||
| src/modules/state.js | @@ -397,7 +397,7 @@35 %13/37 | - +|||
| src/modules/statusBar.js | @@ -405,7 +405,7 @@3 %1/29 | - +|||
| src/modules/storage.js | @@ -414,7 +414,7 @@56 %9/16 | - +|||
| src/root.js | @@ -422,7 +422,7 @@100 %1/1 | - +|||
| src/sort.js | @@ -432,7 +432,7 @@100 %3/3 | - +|||
| src/string.js | @@ -444,7 +444,7 @@100 %5/5 | - +|||
| src/tablefilter.js | @@ -452,7 +452,7 @@36 %79/215 | - +|||
| src/types.js | @@ -467,7 +467,7 @@100 %8/8 | - +