jquery.tablesorter.pager.js 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468
  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 s = c.page - 2;
  256. var nb = Math.ceil(c.totalRows / c.size);
  257. if (s < 0)
  258. {
  259. s = 0;
  260. }
  261. var e = s +5;
  262. if (e > nb)
  263. {
  264. e = nb;
  265. s = e - 5;
  266. if (s < 0) s = 0;
  267. }
  268. txt = '';
  269. for(var i=s; i<e; i++)
  270. {
  271. var page = 1+i;
  272. var link = ' '+page+' ';
  273. if (i != c.page)
  274. {
  275. link = ' <span page="'+i+'" id="gotopage_'+i+'">'+page+'</span> ';
  276. }
  277. else
  278. {
  279. link = ' <span class="curr_page" page="'+i+'">'+page+'</span> ';
  280. }
  281. txt += link;
  282. }
  283. txt += '';
  284. $('#total', pager).text(c.totalRows);
  285. $('#index', pager).html(txt);
  286. for(var j=s; j<e; j++)
  287. {
  288. $('#gotopage_'+j, pager).click(function(){
  289. var idx = $(this).attr('page');
  290. table.config.page = idx;
  291. moveToPage(table);
  292. });
  293. }
  294. }
  295. function renderTable(table) {
  296. var c = table.config;
  297. //var l = rows.length;
  298. var s = (c.page * c.size);
  299. var e = (s + c.size);
  300. if(e > c.totalRows ) {
  301. e = c.totalRows;
  302. }
  303. getData(table, s, e);
  304. }
  305. this.appender = function(table,rows) {
  306. var c = table.config;
  307. if (c.totalRows == 0)
  308. {
  309. c.totalRows = rows.length;
  310. }
  311. c.totalPages = Math.ceil(c.totalRows / c.size);
  312. renderTable(table,rows);
  313. };
  314. function saveParams(config) {
  315. var sPagerId = config.container.attr('id');
  316. var params = { size: config.selectedSize, page: config.page, sortList: config.sortList };
  317. if (window.pager_params == undefined)
  318. {
  319. window.pager_params = {};
  320. }
  321. window.pager_params[sPagerId] = params;
  322. };
  323. function restoreParams(table) {
  324. var sPagerId = config.container.attr('id');
  325. if (window.pager_params != undefined)
  326. {
  327. params = window.pager_params[sPagerId];
  328. if (params != undefined)
  329. {
  330. $(table.config.cssPageSize, table.config.container).val(params.size);
  331. setPageSize(table, params.size, false); // false => don't trigger a reload
  332. if (table.config.sortList != params.sortList)
  333. {
  334. $(table).trigger("sorton", [params.sortList]); // triggers a reload anyway
  335. }
  336. }
  337. }
  338. };
  339. this.defaults = {
  340. size: 10,
  341. offset: 0,
  342. page: 0,
  343. totalRows: 0,
  344. totalPages: 0,
  345. container: null,
  346. cssNext: '.next',
  347. cssPrev: '.prev',
  348. cssFirst: '.first',
  349. cssLast: '.last',
  350. cssPageDisplay: '.pagedisplay',
  351. cssPageSize: '.pagesize',
  352. cssCount: '',
  353. seperator: "/",
  354. positionFixed: false,
  355. appender: this.appender,
  356. filter: '',
  357. extra_params: '',
  358. select_mode: '',
  359. totalSelected: 0,
  360. selectionMode: 'positive',
  361. displayKey: true,
  362. displayList: []
  363. };
  364. this.construct = function(settings) {
  365. return this.each(function() {
  366. config = $.extend(this.config, $.tablesorterPager.defaults, settings);
  367. var table = this, pager = config.container;
  368. this.ajax_request = null;
  369. config.selectedSize = parseInt($(".pagesize",pager).val());
  370. setPageSize(table,config.selectedSize, false);
  371. restoreParams(table, config);
  372. $(this).trigger("appendCache"); // Load the data
  373. $(config.cssFirst,pager).click(function() {
  374. moveToFirstPage(table);
  375. return false;
  376. });
  377. $(config.cssNext,pager).click(function() {
  378. moveToNextPage(table);
  379. return false;
  380. });
  381. $(config.cssPrev,pager).click(function() {
  382. moveToPrevPage(table);
  383. return false;
  384. });
  385. $(config.cssLast,pager).click(function() {
  386. moveToLastPage(table);
  387. return false;
  388. });
  389. $(config.cssPageSize,pager).change(function() {
  390. setPageSize(table,parseInt($(this).val()), true);
  391. return false;
  392. });
  393. $(table).find(':checkbox.checkAll').removeAttr('onclick').click(function() {
  394. return checkAll(table, pager, this.checked);
  395. });
  396. $(table).bind('load_selection', function() {
  397. loadSelection(table, pager);
  398. applySelection(table);
  399. });
  400. });
  401. };
  402. }
  403. });
  404. // extend plugin scope
  405. $.fn.extend({
  406. tablesorterPager: $.tablesorterPager.construct
  407. });
  408. })(jQuery);