jquery.tablesorter.pager.js 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498
  1. function sprintf(format, etc) {
  2. var arg = arguments;
  3. var i = 1;
  4. return format.replace(/%((%)|s)/g, function (m) { return m[2] || arg[i++] })
  5. }
  6. (function($) {
  7. $.extend({
  8. tablesorterPager: new function() {
  9. function updatePageDisplay(c) {
  10. var s = $(c.cssPageDisplay,c.container).val((c.page+1) + c.seperator + c.totalPages);
  11. }
  12. function setPageSize(table,size, bReload) {
  13. var c = table.config;
  14. c.selectedSize = size;
  15. if (size == -1)
  16. {
  17. size = c.totalRows;
  18. }
  19. c.size = size;
  20. c.totalPages = Math.ceil(c.totalRows / c.size);
  21. c.pagerPositionSet = false;
  22. if (bReload)
  23. {
  24. moveToPage(table);
  25. }
  26. fixPosition(table);
  27. }
  28. function fixPosition(table) {
  29. var c = table.config;
  30. if(!c.pagerPositionSet && c.positionFixed) {
  31. var c = table.config, o = $(table);
  32. if(o.offset) {
  33. c.container.css({
  34. top: o.offset().top + o.height() + 'px',
  35. position: 'absolute'
  36. });
  37. }
  38. c.pagerPositionSet = true;
  39. }
  40. }
  41. function moveToFirstPage(table) {
  42. var c = table.config;
  43. c.page = 0;
  44. moveToPage(table);
  45. }
  46. function moveToLastPage(table) {
  47. var c = table.config;
  48. c.page = (c.totalPages-1);
  49. moveToPage(table);
  50. }
  51. function moveToNextPage(table) {
  52. var c = table.config;
  53. c.page++;
  54. if(c.page >= (c.totalPages-1)) {
  55. c.page = (c.totalPages-1);
  56. }
  57. moveToPage(table);
  58. }
  59. function moveToPrevPage(table) {
  60. var c = table.config;
  61. c.page--;
  62. if(c.page <= 0) {
  63. c.page = 0;
  64. }
  65. moveToPage(table);
  66. }
  67. function moveToPage(table) {
  68. var c = table.config;
  69. if(c.page < 0 || c.page > (c.totalPages-1)) {
  70. c.page = 0;
  71. }
  72. renderTable(table,c.rowsCopy);
  73. }
  74. function checkAll(table, pager, value)
  75. {
  76. // Mark all the displayed items as check or unchecked depending on the value
  77. $(table).find(':checkbox[name^=selectObj]').attr('checked', value);
  78. // Set the 'selectionMode' for the future objects to load
  79. if (value)
  80. {
  81. table.config.selectionMode = 'negative';
  82. }
  83. else
  84. {
  85. table.config.selectionMode = 'positive';
  86. }
  87. $(pager).find(':input[name=selectionMode]').val(table.config.selectionMode);
  88. // Reset the list of saved selection...
  89. resetStoredSelection(pager);
  90. updateCounter(table, pager);
  91. return true;
  92. }
  93. function resetStoredSelection(pager)
  94. {
  95. $(':input[name^=storedSelection]', pager).remove();
  96. }
  97. function storeSelection(table, pager, id, value)
  98. {
  99. var valueToStore = value;
  100. if (table.config.selectionMode == 'negative')
  101. {
  102. valueToStore = !(valueToStore);
  103. }
  104. if (valueToStore)
  105. {
  106. if (table.config.select_mode == 'single')
  107. {
  108. $(':input[name^=storedSelection]', pager).remove(); // Remove any previous selection
  109. }
  110. if ($('#'+id, pager).length ==0)
  111. {
  112. $(pager).append($('<input type="hidden" id="'+id+'" name="storedSelection[]" value="'+id+'"></input>'));
  113. }
  114. }
  115. else
  116. {
  117. if ($('#'+id, pager).length !=0)
  118. {
  119. $('#'+id, pager).remove();
  120. }
  121. }
  122. updateCounter(table, pager);
  123. }
  124. function loadSelection(table, pager)
  125. {
  126. table.config.selectionMode = $(pager).find(':input[name=selectionMode]').val();
  127. updateCounter(table, pager);
  128. }
  129. function updateCounter(table, pager)
  130. {
  131. var ex = $(':input[name^=storedSelection]', pager).length;
  132. var s = ex;
  133. if (table.config.selectionMode == 'negative')
  134. {
  135. s = table.config.totalRows - ex;
  136. }
  137. $('.selectedCount',pager).text(s);
  138. if (table.config.cssCount != '')
  139. {
  140. $(table.config.cssCount).val(s);
  141. $(table.config.cssCount).trigger('change');
  142. }
  143. }
  144. function getData(table, start, end)
  145. {
  146. if (table.ajax_request)
  147. {
  148. table.ajax_request.abort();
  149. table.ajax_request = null;
  150. }
  151. var c = table.config;
  152. var s = c.sortList[0];
  153. var s_col = null;
  154. var s_order = null;
  155. if (s != undefined)
  156. {
  157. s_col = s[0];
  158. s_order = (s[1] == 0) ? 'asc' : 'desc';
  159. }
  160. $('#loading', table.config.container).html('<img src="../images/indicator.gif" />');
  161. table.ajax_request = $.post(AddAppContext(GetAbsoluteUrlAppRoot()+"pages/ajax.render.php"),
  162. { operation: 'pagination',
  163. filter: c.filter,
  164. extra_param: c.extra_params,
  165. start: start,
  166. end: end,
  167. sort_col: s_col,
  168. sort_order: s_order,
  169. select_mode: c.select_mode,
  170. display_key: c.displayKey,
  171. display_list: c.displayList
  172. },
  173. function(data)
  174. {
  175. table.ajax_request = null; // Ajax request completed
  176. oData = $(data);
  177. var tableBody = $(table.tBodies[0]);
  178. // clear the table body
  179. $.tablesorter.clearTableBody(table);
  180. for(var i = 0; i < end-start; i++) {
  181. //tableBody.append(rows[i]);
  182. //var o = rows[i];
  183. var r = $(oData[i]);
  184. var l = r.length;
  185. for(var j=0; j < l; j++) {
  186. //tableBody[0].appendChild(r);
  187. tableBody[0].appendChild(r[j]);
  188. }
  189. }
  190. fixPosition(table,tableBody);
  191. applySelection(table);
  192. $(table).trigger("applyWidgets");
  193. if( c.page >= c.totalPages ) {
  194. moveToLastPage(table);
  195. }
  196. updatePageDisplay(c);
  197. updateCounter(table, table.config.container);
  198. renderPager(table, table.config.container);
  199. $(table).tableHover();
  200. $('#loading', table.config.container).empty();
  201. saveParams(table.config);
  202. });
  203. }
  204. function applySelection(table)
  205. {
  206. var c = table.config;
  207. if (c.selectionMode == 'negative')
  208. {
  209. $(table).find(':checkbox[name^=selectObj]').attr('checked', true);
  210. }
  211. if (table.config.select_mode == 'multiple')
  212. {
  213. $(table).find(':checkbox[name^=selectObj]').each(function() {
  214. var id = parseInt(this.value, 10);
  215. if ($('#'+id, table.config.container).length > 0)
  216. {
  217. if (c.selectionMode == 'positive')
  218. {
  219. $(this).attr('checked', true);
  220. }
  221. else
  222. {
  223. $(this).attr('checked', false);
  224. }
  225. }
  226. });
  227. $(table).find(':checkbox[name^=selectObj]').change(function() {
  228. storeSelection(table, table.config.container, this.value, this.checked);
  229. });
  230. }
  231. else if (table.config.select_mode == 'single')
  232. {
  233. $(table).find('input[name^=selectObject]:radio').each(function() {
  234. var id = parseInt(this.value, 10);
  235. if ($('#'+id, table.config.container).length > 0)
  236. {
  237. if (c.selectionMode == 'positive')
  238. {
  239. $(this).attr('checked', true);
  240. }
  241. else
  242. {
  243. $(this).attr('checked', false);
  244. }
  245. }
  246. });
  247. $(table).find('input[name^=selectObject]:radio').change(function() {
  248. storeSelection(table, table.config.container, this.value, this.checked);
  249. });
  250. }
  251. }
  252. function renderPager(table, pager)
  253. {
  254. var c = table.config;
  255. var aPages = [0]; // first page
  256. var s = c.page - 1;
  257. var nb = Math.ceil(c.totalRows / c.size);
  258. if (s < 1)
  259. {
  260. s = 1;
  261. }
  262. var e = s +3;
  263. if (e >= nb)
  264. {
  265. e = nb;
  266. if ((e - 4) > 1)
  267. {
  268. s = e - 4;
  269. }
  270. }
  271. for(var i=s; i<e; i++)
  272. {
  273. aPages.push(i);
  274. }
  275. if ((nb > 1) && (nb > i))
  276. {
  277. aPages.push(nb - 1); // very last page
  278. }
  279. txt = '';
  280. for(i=0; i<aPages.length; i++)
  281. {
  282. var page = 1+aPages[i];
  283. var link = '';
  284. var sDotsAfter = '';
  285. var sDotsBefore = '';
  286. if ((i == 0) && (aPages.length > 1) && (aPages[i+1] != aPages[i]+1))
  287. {
  288. sDotsAfter = '...'; // Gap between the last 2 page numbers
  289. }
  290. if ((i == aPages.length-1) && (aPages.length > 1) && (aPages[i-1] != aPages[i]-1))
  291. {
  292. sDotsBefore = '...'; // Gap between the first 2 page numbers
  293. }
  294. if (aPages[i] != c.page)
  295. {
  296. link = ' <span page="'+aPages[i]+'" id="gotopage_'+aPages[i]+'">'+sDotsBefore+page+sDotsAfter+'</span> ';
  297. }
  298. else
  299. {
  300. link = ' <span class="curr_page" page="'+aPages[i]+'">'+sDotsBefore+page+sDotsAfter+'</span> ';
  301. }
  302. txt += link;
  303. }
  304. txt += '';
  305. $('#total', pager).text(c.totalRows);
  306. $('#index', pager).html(txt);
  307. for(i=0; i<aPages.length; i++)
  308. {
  309. $('#gotopage_'+aPages[i], pager).click(function(){
  310. var idx = $(this).attr('page');
  311. table.config.page = idx;
  312. moveToPage(table);
  313. });
  314. }
  315. }
  316. function renderTable(table) {
  317. var c = table.config;
  318. //var l = rows.length;
  319. var s = (c.page * c.size);
  320. var e = (s + c.size);
  321. if(e > c.totalRows ) {
  322. e = c.totalRows;
  323. }
  324. getData(table, s, e);
  325. }
  326. this.appender = function(table,rows) {
  327. var c = table.config;
  328. if (c.totalRows == 0)
  329. {
  330. c.totalRows = rows.length;
  331. }
  332. c.totalPages = Math.ceil(c.totalRows / c.size);
  333. renderTable(table,rows);
  334. };
  335. function saveParams(config) {
  336. var sPagerId = config.container.attr('id');
  337. var params = { size: config.selectedSize, page: config.page, sortList: config.sortList };
  338. if (window.pager_params == undefined)
  339. {
  340. window.pager_params = {};
  341. }
  342. window.pager_params[sPagerId] = params;
  343. };
  344. function restoreParams(table) {
  345. var sPagerId = config.container.attr('id');
  346. if (window.pager_params != undefined)
  347. {
  348. params = window.pager_params[sPagerId];
  349. if (params != undefined)
  350. {
  351. $(table.config.cssPageSize, table.config.container).val(params.size);
  352. setPageSize(table, params.size, false); // false => don't trigger a reload
  353. if (table.config.sortList != params.sortList)
  354. {
  355. $(table).trigger("sorton", [params.sortList]); // triggers a reload anyway
  356. }
  357. }
  358. }
  359. };
  360. this.defaults = {
  361. size: 10,
  362. offset: 0,
  363. page: 0,
  364. totalRows: 0,
  365. totalPages: 0,
  366. container: null,
  367. cssNext: '.next',
  368. cssPrev: '.prev',
  369. cssFirst: '.first',
  370. cssLast: '.last',
  371. cssPageDisplay: '.pagedisplay',
  372. cssPageSize: '.pagesize',
  373. cssCount: '',
  374. seperator: "/",
  375. positionFixed: false,
  376. appender: this.appender,
  377. filter: '',
  378. extra_params: '',
  379. select_mode: '',
  380. totalSelected: 0,
  381. selectionMode: 'positive',
  382. displayKey: true,
  383. displayList: []
  384. };
  385. this.construct = function(settings) {
  386. return this.each(function() {
  387. config = $.extend(this.config, $.tablesorterPager.defaults, settings);
  388. var table = this, pager = config.container;
  389. this.ajax_request = null;
  390. config.selectedSize = parseInt($(".pagesize",pager).val());
  391. setPageSize(table,config.selectedSize, false);
  392. restoreParams(table, config);
  393. //$(this).trigger("appendCache"); // Load the data
  394. //console.log($.tablesorterPager);
  395. applySelection(table);
  396. $('.gotopage',pager).click(function() {
  397. var idx = $(this).attr('page');
  398. table.config.page = idx;
  399. moveToPage(table);
  400. });
  401. $(config.cssFirst,pager).click(function() {
  402. moveToFirstPage(table);
  403. return false;
  404. });
  405. $(config.cssNext,pager).click(function() {
  406. moveToNextPage(table);
  407. return false;
  408. });
  409. $(config.cssPrev,pager).click(function() {
  410. moveToPrevPage(table);
  411. return false;
  412. });
  413. $(config.cssLast,pager).click(function() {
  414. moveToLastPage(table);
  415. return false;
  416. });
  417. $(config.cssPageSize,pager).change(function() {
  418. setPageSize(table,parseInt($(this).val()), true);
  419. return false;
  420. });
  421. $(table).find(':checkbox.checkAll').removeAttr('onclick').click(function() {
  422. return checkAll(table, pager, this.checked);
  423. });
  424. $(table).bind('load_selection', function() {
  425. loadSelection(table, pager);
  426. applySelection(table);
  427. });
  428. });
  429. };
  430. }
  431. });
  432. // extend plugin scope
  433. $.fn.extend({
  434. tablesorterPager: $.tablesorterPager.construct
  435. });
  436. })(jQuery);