datatables.js 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387
  1. /* Set the defaults for DataTables initialisation */
  2. $.extend( true, $.fn.dataTable.defaults, {
  3. "sDom": "<'row'<'col-sm-12'<'pull-right'f><'pull-left'l>r<'clearfix'>>>t<'row'<'col-sm-12'<'pull-left'i><'pull-right'p><'clearfix'>>>",
  4. "sPaginationType": "bs_normal",
  5. "oLanguage": {
  6. "sLengthMenu": "Show _MENU_ Rows",
  7. "sSearch": ""
  8. }
  9. } );
  10. /* Default class modification */
  11. $.extend( $.fn.dataTableExt.oStdClasses, {
  12. "sWrapper": "dataTables_wrapper form-inline"
  13. } );
  14. /* API method to get paging information */
  15. $.fn.dataTableExt.oApi.fnPagingInfo = function ( oSettings )
  16. {
  17. return {
  18. "iStart": oSettings._iDisplayStart,
  19. "iEnd": oSettings.fnDisplayEnd(),
  20. "iLength": oSettings._iDisplayLength,
  21. "iTotal": oSettings.fnRecordsTotal(),
  22. "iFilteredTotal": oSettings.fnRecordsDisplay(),
  23. "iPage": oSettings._iDisplayLength === -1 ?
  24. 0 : Math.ceil( oSettings._iDisplayStart / oSettings._iDisplayLength ),
  25. "iTotalPages": oSettings._iDisplayLength === -1 ?
  26. 0 : Math.ceil( oSettings.fnRecordsDisplay() / oSettings._iDisplayLength )
  27. };
  28. };
  29. /* Bootstrap style pagination control */
  30. $.extend( $.fn.dataTableExt.oPagination, {
  31. "bs_normal": {
  32. "fnInit": function( oSettings, nPaging, fnDraw ) {
  33. var oLang = oSettings.oLanguage.oPaginate;
  34. var fnClickHandler = function ( e ) {
  35. e.preventDefault();
  36. if ( oSettings.oApi._fnPageChange(oSettings, e.data.action) ) {
  37. fnDraw( oSettings );
  38. }
  39. };
  40. $(nPaging).append(
  41. '<ul class="pagination">'+
  42. '<li class="prev disabled"><a href="#"><span class="glyphicon glyphicon-chevron-left"></span>&nbsp;'+oLang.sPrevious+'</a></li>'+
  43. '<li class="next disabled"><a href="#">'+oLang.sNext+'&nbsp;<span class="glyphicon glyphicon-chevron-right"></span></a></li>'+
  44. '</ul>'
  45. );
  46. var els = $('a', nPaging);
  47. $(els[0]).bind( 'click.DT', { action: "previous" }, fnClickHandler );
  48. $(els[1]).bind( 'click.DT', { action: "next" }, fnClickHandler );
  49. },
  50. "fnUpdate": function ( oSettings, fnDraw ) {
  51. var iListLength = 5;
  52. var oPaging = oSettings.oInstance.fnPagingInfo();
  53. var an = oSettings.aanFeatures.p;
  54. var i, ien, j, sClass, iStart, iEnd, iHalf=Math.floor(iListLength/2);
  55. if ( oPaging.iTotalPages < iListLength) {
  56. iStart = 1;
  57. iEnd = oPaging.iTotalPages;
  58. }
  59. else if ( oPaging.iPage <= iHalf ) {
  60. iStart = 1;
  61. iEnd = iListLength;
  62. } else if ( oPaging.iPage >= (oPaging.iTotalPages-iHalf) ) {
  63. iStart = oPaging.iTotalPages - iListLength + 1;
  64. iEnd = oPaging.iTotalPages;
  65. } else {
  66. iStart = oPaging.iPage - iHalf + 1;
  67. iEnd = iStart + iListLength - 1;
  68. }
  69. for ( i=0, ien=an.length ; i<ien ; i++ ) {
  70. $('li:gt(0)', an[i]).filter(':not(:last)').remove();
  71. for ( j=iStart ; j<=iEnd ; j++ ) {
  72. sClass = (j==oPaging.iPage+1) ? 'class="active"' : '';
  73. $('<li '+sClass+'><a href="#">'+j+'</a></li>')
  74. .insertBefore( $('li:last', an[i])[0] )
  75. .bind('click', function (e) {
  76. e.preventDefault();
  77. if ( oSettings.oApi._fnPageChange(oSettings, parseInt($('a', this).text(),10)-1) ) {
  78. fnDraw( oSettings );
  79. }
  80. } );
  81. }
  82. if ( oPaging.iPage === 0 ) {
  83. $('li:first', an[i]).addClass('disabled');
  84. } else {
  85. $('li:first', an[i]).removeClass('disabled');
  86. }
  87. if ( oPaging.iPage === oPaging.iTotalPages-1 || oPaging.iTotalPages === 0 ) {
  88. $('li:last', an[i]).addClass('disabled');
  89. } else {
  90. $('li:last', an[i]).removeClass('disabled');
  91. }
  92. }
  93. }
  94. },
  95. "bs_two_button": {
  96. "fnInit": function ( oSettings, nPaging, fnCallbackDraw )
  97. {
  98. var oLang = oSettings.oLanguage.oPaginate;
  99. var oClasses = oSettings.oClasses;
  100. var fnClickHandler = function ( e ) {
  101. if ( oSettings.oApi._fnPageChange( oSettings, e.data.action ) )
  102. {
  103. fnCallbackDraw( oSettings );
  104. }
  105. };
  106. var sAppend = '<ul class="pagination">'+
  107. '<li class="prev"><a href="#" class="'+oSettings.oClasses.sPagePrevDisabled+'" tabindex="'+oSettings.iTabIndex+'" role="button"><span class="glyphicon glyphicon-chevron-left"></span>&nbsp;'+oLang.sPrevious+'</a></li>'+
  108. '<li class="next"><a href="#" class="'+oSettings.oClasses.sPageNextDisabled+'" tabindex="'+oSettings.iTabIndex+'" role="button">'+oLang.sNext+'&nbsp;<span class="glyphicon glyphicon-chevron-right"></span></a></li>'+
  109. '</ul>';
  110. $(nPaging).append( sAppend );
  111. var els = $('a', nPaging);
  112. var nPrevious = els[0],
  113. nNext = els[1];
  114. oSettings.oApi._fnBindAction( nPrevious, {action: "previous"}, fnClickHandler );
  115. oSettings.oApi._fnBindAction( nNext, {action: "next"}, fnClickHandler );
  116. if ( !oSettings.aanFeatures.p )
  117. {
  118. nPaging.id = oSettings.sTableId+'_paginate';
  119. nPrevious.id = oSettings.sTableId+'_previous';
  120. nNext.id = oSettings.sTableId+'_next';
  121. nPrevious.setAttribute('aria-controls', oSettings.sTableId);
  122. nNext.setAttribute('aria-controls', oSettings.sTableId);
  123. }
  124. },
  125. "fnUpdate": function ( oSettings, fnCallbackDraw )
  126. {
  127. if ( !oSettings.aanFeatures.p )
  128. {
  129. return;
  130. }
  131. var oPaging = oSettings.oInstance.fnPagingInfo();
  132. var oClasses = oSettings.oClasses;
  133. var an = oSettings.aanFeatures.p;
  134. var nNode;
  135. for ( var i=0, iLen=an.length ; i<iLen ; i++ )
  136. {
  137. if ( oPaging.iPage === 0 ) {
  138. $('li:first', an[i]).addClass('disabled');
  139. } else {
  140. $('li:first', an[i]).removeClass('disabled');
  141. }
  142. if ( oPaging.iPage === oPaging.iTotalPages-1 || oPaging.iTotalPages === 0 ) {
  143. $('li:last', an[i]).addClass('disabled');
  144. } else {
  145. $('li:last', an[i]).removeClass('disabled');
  146. }
  147. }
  148. }
  149. },
  150. "bs_four_button": {
  151. "fnInit": function ( oSettings, nPaging, fnCallbackDraw )
  152. {
  153. var oLang = oSettings.oLanguage.oPaginate;
  154. var oClasses = oSettings.oClasses;
  155. var fnClickHandler = function ( e ) {
  156. e.preventDefault()
  157. if ( oSettings.oApi._fnPageChange( oSettings, e.data.action ) )
  158. {
  159. fnCallbackDraw( oSettings );
  160. }
  161. };
  162. $(nPaging).append(
  163. '<ul class="pagination">'+
  164. '<li class="disabled"><a href="#" tabindex="'+oSettings.iTabIndex+'" class="'+oClasses.sPageButton+" "+oClasses.sPageFirst+'"><span class="glyphicon glyphicon-backward"></span>&nbsp;'+oLang.sFirst+'</a></li>'+
  165. '<li class="disabled"><a href="#" tabindex="'+oSettings.iTabIndex+'" class="'+oClasses.sPageButton+" "+oClasses.sPagePrevious+'"><span class="glyphicon glyphicon-chevron-left"></span>&nbsp;'+oLang.sPrevious+'</a></li>'+
  166. '<li><a href="#" tabindex="'+oSettings.iTabIndex+'" class="'+oClasses.sPageButton+" "+oClasses.sPageNext+'">'+oLang.sNext+'&nbsp;<span class="glyphicon glyphicon-chevron-right"></span></a></li>'+
  167. '<li><a href="#" tabindex="'+oSettings.iTabIndex+'" class="'+oClasses.sPageButton+" "+oClasses.sPageLast+'">'+oLang.sLast+'&nbsp;<span class="glyphicon glyphicon-forward"></span></a></li>'+
  168. '</ul>'
  169. );
  170. var els = $('a', nPaging);
  171. var nFirst = els[0],
  172. nPrev = els[1],
  173. nNext = els[2],
  174. nLast = els[3];
  175. oSettings.oApi._fnBindAction( nFirst, {action: "first"}, fnClickHandler );
  176. oSettings.oApi._fnBindAction( nPrev, {action: "previous"}, fnClickHandler );
  177. oSettings.oApi._fnBindAction( nNext, {action: "next"}, fnClickHandler );
  178. oSettings.oApi._fnBindAction( nLast, {action: "last"}, fnClickHandler );
  179. if ( !oSettings.aanFeatures.p )
  180. {
  181. nPaging.id = oSettings.sTableId+'_paginate';
  182. nFirst.id =oSettings.sTableId+'_first';
  183. nPrev.id =oSettings.sTableId+'_previous';
  184. nNext.id =oSettings.sTableId+'_next';
  185. nLast.id =oSettings.sTableId+'_last';
  186. }
  187. },
  188. "fnUpdate": function ( oSettings, fnCallbackDraw )
  189. {
  190. if ( !oSettings.aanFeatures.p )
  191. {
  192. return;
  193. }
  194. var oPaging = oSettings.oInstance.fnPagingInfo();
  195. var oClasses = oSettings.oClasses;
  196. var an = oSettings.aanFeatures.p;
  197. var nNode;
  198. for ( var i=0, iLen=an.length ; i<iLen ; i++ )
  199. {
  200. if ( oPaging.iPage === 0 ) {
  201. $('li:eq(0)', an[i]).addClass('disabled');
  202. $('li:eq(1)', an[i]).addClass('disabled');
  203. } else {
  204. $('li:eq(0)', an[i]).removeClass('disabled');
  205. $('li:eq(1)', an[i]).removeClass('disabled');
  206. }
  207. if ( oPaging.iPage === oPaging.iTotalPages-1 || oPaging.iTotalPages === 0 ) {
  208. $('li:eq(2)', an[i]).addClass('disabled');
  209. $('li:eq(3)', an[i]).addClass('disabled');
  210. } else {
  211. $('li:eq(2)', an[i]).removeClass('disabled');
  212. $('li:eq(3)', an[i]).removeClass('disabled');
  213. }
  214. }
  215. }
  216. },
  217. "bs_full": {
  218. "fnInit": function ( oSettings, nPaging, fnCallbackDraw )
  219. {
  220. var oLang = oSettings.oLanguage.oPaginate;
  221. var oClasses = oSettings.oClasses;
  222. var fnClickHandler = function ( e ) {
  223. if ( oSettings.oApi._fnPageChange( oSettings, e.data.action ) )
  224. {
  225. fnCallbackDraw( oSettings );
  226. }
  227. };
  228. $(nPaging).append(
  229. '<ul class="pagination">'+
  230. '<li class="disabled"><a href="#" tabindex="'+oSettings.iTabIndex+'" class="'+oClasses.sPageButton+" "+oClasses.sPageFirst+'">'+oLang.sFirst+'</a></li>'+
  231. '<li class="disabled"><a href="#" tabindex="'+oSettings.iTabIndex+'" class="'+oClasses.sPageButton+" "+oClasses.sPagePrevious+'">'+oLang.sPrevious+'</a></li>'+
  232. '<li><a href="#" tabindex="'+oSettings.iTabIndex+'" class="'+oClasses.sPageButton+" "+oClasses.sPageNext+'">'+oLang.sNext+'</a></li>'+
  233. '<li><a href="#" tabindex="'+oSettings.iTabIndex+'" class="'+oClasses.sPageButton+" "+oClasses.sPageLast+'">'+oLang.sLast+'</a></li>'+
  234. '</ul>'
  235. );
  236. var els = $('a', nPaging);
  237. var nFirst = els[0],
  238. nPrev = els[1],
  239. nNext = els[2],
  240. nLast = els[3];
  241. oSettings.oApi._fnBindAction( nFirst, {action: "first"}, fnClickHandler );
  242. oSettings.oApi._fnBindAction( nPrev, {action: "previous"}, fnClickHandler );
  243. oSettings.oApi._fnBindAction( nNext, {action: "next"}, fnClickHandler );
  244. oSettings.oApi._fnBindAction( nLast, {action: "last"}, fnClickHandler );
  245. if ( !oSettings.aanFeatures.p )
  246. {
  247. nPaging.id = oSettings.sTableId+'_paginate';
  248. nFirst.id =oSettings.sTableId+'_first';
  249. nPrev.id =oSettings.sTableId+'_previous';
  250. nNext.id =oSettings.sTableId+'_next';
  251. nLast.id =oSettings.sTableId+'_last';
  252. }
  253. },
  254. "fnUpdate": function ( oSettings, fnCallbackDraw )
  255. {
  256. if ( !oSettings.aanFeatures.p )
  257. {
  258. return;
  259. }
  260. var oPaging = oSettings.oInstance.fnPagingInfo();
  261. var iPageCount = $.fn.dataTableExt.oPagination.iFullNumbersShowPages;
  262. var iPageCountHalf = Math.floor(iPageCount / 2);
  263. var iPages = Math.ceil((oSettings.fnRecordsDisplay()) / oSettings._iDisplayLength);
  264. var iCurrentPage = Math.ceil(oSettings._iDisplayStart / oSettings._iDisplayLength) + 1;
  265. var sList = "";
  266. var iStartButton, iEndButton, i, iLen;
  267. var oClasses = oSettings.oClasses;
  268. var anButtons, anStatic, nPaginateList, nNode;
  269. var an = oSettings.aanFeatures.p;
  270. var fnBind = function (j) {
  271. oSettings.oApi._fnBindAction( this, {"page": j+iStartButton-1}, function(e) {
  272. if ( oSettings.oApi._fnPageChange( oSettings, e.data.page ) ) {
  273. fnCallbackDraw( oSettings );
  274. }
  275. e.preventDefault();
  276. } );
  277. };
  278. if ( oSettings._iDisplayLength === -1 )
  279. {
  280. iStartButton = 1;
  281. iEndButton = 1;
  282. iCurrentPage = 1;
  283. }
  284. else if (iPages < iPageCount)
  285. {
  286. iStartButton = 1;
  287. iEndButton = iPages;
  288. }
  289. else if (iCurrentPage <= iPageCountHalf)
  290. {
  291. iStartButton = 1;
  292. iEndButton = iPageCount;
  293. }
  294. else if (iCurrentPage >= (iPages - iPageCountHalf))
  295. {
  296. iStartButton = iPages - iPageCount + 1;
  297. iEndButton = iPages;
  298. }
  299. else
  300. {
  301. iStartButton = iCurrentPage - Math.ceil(iPageCount / 2) + 1;
  302. iEndButton = iStartButton + iPageCount - 1;
  303. }
  304. for ( i=iStartButton ; i<=iEndButton ; i++ )
  305. {
  306. sList += (iCurrentPage !== i) ?
  307. '<li><a tabindex="'+oSettings.iTabIndex+'">'+oSettings.fnFormatNumber(i)+'</a></li>' :
  308. '<li class="active"><a tabindex="'+oSettings.iTabIndex+'">'+oSettings.fnFormatNumber(i)+'</a></li>';
  309. }
  310. for ( i=0, iLen=an.length ; i<iLen ; i++ )
  311. {
  312. nNode = an[i];
  313. if ( !nNode.hasChildNodes() )
  314. {
  315. continue;
  316. }
  317. $('li:gt(1)', an[i]).filter(':not(li:eq(-2))').filter(':not(li:eq(-1))').remove();
  318. if ( oPaging.iPage === 0 ) {
  319. $('li:eq(0)', an[i]).addClass('disabled');
  320. $('li:eq(1)', an[i]).addClass('disabled');
  321. } else {
  322. $('li:eq(0)', an[i]).removeClass('disabled');
  323. $('li:eq(1)', an[i]).removeClass('disabled');
  324. }
  325. if ( oPaging.iPage === oPaging.iTotalPages-1 || oPaging.iTotalPages === 0 ) {
  326. $('li:eq(-1)', an[i]).addClass('disabled');
  327. $('li:eq(-2)', an[i]).addClass('disabled');
  328. } else {
  329. $('li:eq(-1)', an[i]).removeClass('disabled');
  330. $('li:eq(-2)', an[i]).removeClass('disabled');
  331. }
  332. $(sList)
  333. .insertBefore('li:eq(-2)', an[i])
  334. .bind('click', function (e) {
  335. e.preventDefault();
  336. if ( oSettings.oApi._fnPageChange(oSettings, parseInt($('a', this).text(),10)-1) ) {
  337. fnCallbackDraw( oSettings );
  338. }
  339. });
  340. }
  341. }
  342. }
  343. } );
  344. /*
  345. * TableTools Bootstrap compatibility
  346. * Required TableTools 2.1+
  347. */
  348. if ( $.fn.DataTable.TableTools ) {
  349. // Set the classes that TableTools uses to something suitable for Bootstrap
  350. $.extend( true, $.fn.DataTable.TableTools.classes, {
  351. "container": "DTTT btn-group",
  352. "buttons": {
  353. "normal": "btn",
  354. "disabled": "disabled"
  355. },
  356. "collection": {
  357. "container": "DTTT_dropdown dropdown-menu",
  358. "buttons": {
  359. "normal": "",
  360. "disabled": "disabled"
  361. }
  362. },
  363. "print": {
  364. "info": "DTTT_print_info modal"
  365. },
  366. "select": {
  367. "row": "active"
  368. }
  369. } );
  370. // Have the collection use a bootstrap compatible dropdown
  371. $.extend( true, $.fn.DataTable.TableTools.DEFAULTS.oTags, {
  372. "collection": {
  373. "container": "ul",
  374. "button": "li",
  375. "liner": "a"
  376. }
  377. } );
  378. }