jquery.tablesorter.pager.js 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523
  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. pager.parent().closest('table').find('.selectedCount').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. var oDataTable = $(table).closest('table.itop-datatable');
  161. var oConfig = {
  162. sort_index: s_col,
  163. sort_order: s_order,
  164. page_size: table.config.selectedSize
  165. };
  166. oDataTable.datatable('UpdateState', oConfig);
  167. $('#loading', table.config.container).html('<img src="../images/indicator.gif" />');
  168. table.ajax_request = $.post(AddAppContext(GetAbsoluteUrlAppRoot()+"pages/ajax.render.php"),
  169. { operation: 'pagination',
  170. filter: c.filter,
  171. extra_param: c.extra_params,
  172. start: start,
  173. end: end,
  174. sort_col: s_col,
  175. sort_order: s_order,
  176. select_mode: c.select_mode,
  177. display_key: c.displayKey,
  178. columns: c.columns,
  179. class_aliases: c.class_aliases
  180. },
  181. function(data)
  182. {
  183. table.ajax_request = null; // Ajax request completed
  184. oData = $(data);
  185. var tableBody = $(table.tBodies[0]);
  186. // clear the table body
  187. $.tablesorter.clearTableBody(table);
  188. for(var i = 0; i < end-start; i++) {
  189. //tableBody.append(rows[i]);
  190. //var o = rows[i];
  191. var r = $(oData[i]);
  192. var l = r.length;
  193. for(var j=0; j < l; j++) {
  194. //tableBody[0].appendChild(r);
  195. tableBody[0].appendChild(r[j]);
  196. }
  197. }
  198. fixPosition(table,tableBody);
  199. applySelection(table);
  200. $(table).trigger("applyWidgets");
  201. if( c.page >= c.totalPages ) {
  202. moveToLastPage(table);
  203. }
  204. updatePageDisplay(c);
  205. updateCounter(table, table.config.container);
  206. renderPager(table, table.config.container);
  207. $(table).tableHover();
  208. $('#loading', table.config.container).empty();
  209. saveParams(table.config);
  210. });
  211. }
  212. function applySelection(table)
  213. {
  214. var c = table.config;
  215. if (c.selectionMode == 'negative')
  216. {
  217. $(table).find(':checkbox[name^=selectObj]').attr('checked', true);
  218. }
  219. if (table.config.select_mode == 'multiple')
  220. {
  221. $(table).find(':checkbox[name^=selectObj]').each(function() {
  222. var id = parseInt(this.value, 10);
  223. if ($('#'+id, table.config.container).length > 0)
  224. {
  225. if (c.selectionMode == 'positive')
  226. {
  227. $(this).attr('checked', true);
  228. }
  229. else
  230. {
  231. $(this).attr('checked', false);
  232. }
  233. }
  234. });
  235. $(table).find(':checkbox[name^=selectObj]').change(function() {
  236. storeSelection(table, table.config.container, this.value, this.checked);
  237. });
  238. }
  239. else if (table.config.select_mode == 'single')
  240. {
  241. $(table).find('input[name^=selectObject]:radio').each(function() {
  242. var id = parseInt(this.value, 10);
  243. if ($('#'+id, table.config.container).length > 0)
  244. {
  245. if (c.selectionMode == 'positive')
  246. {
  247. $(this).attr('checked', true);
  248. }
  249. else
  250. {
  251. $(this).attr('checked', false);
  252. }
  253. }
  254. });
  255. $(table).find('input[name^=selectObject]:radio').change(function() {
  256. storeSelection(table, table.config.container, this.value, this.checked);
  257. });
  258. }
  259. }
  260. function renderPager(table, pager)
  261. {
  262. var c = table.config;
  263. var aPages = [0]; // first page
  264. var s = c.page - 1;
  265. var nb = Math.ceil(c.totalRows / c.size);
  266. if (s < 1)
  267. {
  268. s = 1;
  269. }
  270. var e = s +3;
  271. if (e >= nb)
  272. {
  273. e = nb;
  274. if ((e - 4) > 1)
  275. {
  276. s = e - 4;
  277. }
  278. }
  279. for(var i=s; i<e; i++)
  280. {
  281. aPages.push(i);
  282. }
  283. if ((nb > 1) && (nb > i))
  284. {
  285. aPages.push(nb - 1); // very last page
  286. }
  287. txt = '';
  288. for(i=0; i<aPages.length; i++)
  289. {
  290. var page = 1+aPages[i];
  291. var link = '';
  292. var sDotsAfter = '';
  293. var sDotsBefore = '';
  294. if ((i == 0) && (aPages.length > 1) && (aPages[i+1] != aPages[i]+1))
  295. {
  296. sDotsAfter = '...'; // Gap between the last 2 page numbers
  297. }
  298. if ((i == aPages.length-1) && (aPages.length > 1) && (aPages[i-1] != aPages[i]-1))
  299. {
  300. sDotsBefore = '...'; // Gap between the first 2 page numbers
  301. }
  302. if (aPages[i] != c.page)
  303. {
  304. link = ' <span page="'+aPages[i]+'" id="gotopage_'+aPages[i]+'">'+sDotsBefore+page+sDotsAfter+'</span> ';
  305. }
  306. else
  307. {
  308. link = ' <span class="curr_page" page="'+aPages[i]+'">'+sDotsBefore+page+sDotsAfter+'</span> ';
  309. }
  310. txt += link;
  311. }
  312. txt += '';
  313. $('#total', pager).text(c.totalRows);
  314. $('#index', pager).html(txt);
  315. for(i=0; i<aPages.length; i++)
  316. {
  317. $('#gotopage_'+aPages[i], pager).click(function(){
  318. var idx = $(this).attr('page');
  319. table.config.page = idx;
  320. moveToPage(table);
  321. });
  322. }
  323. }
  324. function renderTable(table) {
  325. var c = table.config;
  326. //var l = rows.length;
  327. var s = (c.page * c.size);
  328. var e = (s + c.size);
  329. if(e > c.totalRows ) {
  330. e = c.totalRows;
  331. }
  332. getData(table, s, e);
  333. }
  334. this.appender = function(table,rows) {
  335. var c = table.config;
  336. if (c.totalRows == 0)
  337. {
  338. c.totalRows = rows.length;
  339. }
  340. c.totalPages = Math.ceil(c.totalRows / c.size);
  341. renderTable(table,rows);
  342. };
  343. function saveParams(config) {
  344. var sPagerId = config.container.attr('id');
  345. var params = { size: config.selectedSize, page: config.page, sortList: config.sortList };
  346. if (window.pager_params == undefined)
  347. {
  348. window.pager_params = {};
  349. }
  350. window.pager_params[sPagerId] = params;
  351. };
  352. function restoreParams(table) {
  353. var sPagerId = config.container.attr('id');
  354. if (window.pager_params != undefined)
  355. {
  356. params = window.pager_params[sPagerId];
  357. if (params != undefined)
  358. {
  359. $(table.config.cssPageSize, table.config.container).val(params.size);
  360. setPageSize(table, params.size, false); // false => don't trigger a reload
  361. if (table.config.sortList != params.sortList)
  362. {
  363. $(table).trigger("sorton", [params.sortList]); // triggers a reload anyway
  364. }
  365. }
  366. }
  367. };
  368. this.defaults = {
  369. size: 10,
  370. offset: 0,
  371. page: 0,
  372. totalRows: 0,
  373. totalPages: 0,
  374. container: null,
  375. cssNext: '.next',
  376. cssPrev: '.prev',
  377. cssFirst: '.first',
  378. cssLast: '.last',
  379. cssPageDisplay: '.pagedisplay',
  380. cssPageSize: '.pagesize',
  381. cssCount: '',
  382. seperator: "/",
  383. positionFixed: false,
  384. appender: this.appender,
  385. filter: '',
  386. extra_params: '',
  387. select_mode: '',
  388. totalSelected: 0,
  389. selectionMode: 'positive',
  390. displayKey: true,
  391. columns: {},
  392. class_aliases: {}
  393. };
  394. this.construct = function(settings) {
  395. return this.each(function() {
  396. try
  397. {
  398. config = $.extend(this.config, $.tablesorterPager.defaults, settings);
  399. var table = this, pager = config.container;
  400. this.ajax_request = null;
  401. config.selectedSize = parseInt($(".pagesize",pager).val());
  402. setPageSize(table,config.selectedSize, false);
  403. restoreParams(table, config);
  404. //$(this).trigger("appendCache"); // Load the data
  405. //console.log($.tablesorterPager);
  406. applySelection(table);
  407. $('.gotopage',pager).click(function() {
  408. var idx = $(this).attr('page');
  409. table.config.page = idx;
  410. moveToPage(table);
  411. });
  412. $(config.cssFirst,pager).click(function() {
  413. moveToFirstPage(table);
  414. return false;
  415. });
  416. $(config.cssNext,pager).click(function() {
  417. moveToNextPage(table);
  418. return false;
  419. });
  420. $(config.cssPrev,pager).click(function() {
  421. moveToPrevPage(table);
  422. return false;
  423. });
  424. $(config.cssLast,pager).click(function() {
  425. moveToLastPage(table);
  426. return false;
  427. });
  428. $(config.cssPageSize,pager).change(function() {
  429. setPageSize(table,parseInt($(this).val()), true);
  430. return false;
  431. });
  432. $(table).find(':checkbox.checkAll').removeAttr('onclick').click(function() {
  433. return checkAll(table, pager, this.checked);
  434. });
  435. $(table).bind('load_selection', function() {
  436. loadSelection(table, pager);
  437. applySelection(table);
  438. });
  439. $(table).bind('check_all', function() {
  440. checkAll(table, pager, true);
  441. });
  442. }
  443. catch(err)
  444. {
  445. if (console && console.log)
  446. {
  447. console.log(err);
  448. }
  449. }
  450. });
  451. };
  452. }
  453. });
  454. // extend plugin scope
  455. $.fn.extend({
  456. tablesorterPager: $.tablesorterPager.construct
  457. });
  458. })(jQuery);