jquery.dataTables.bootstrap.js 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. //http://datatables.net/plug-ins/pagination#bootstrap
  2. $.extend( true, $.fn.dataTable.defaults, {
  3. "sDom": "<'row'<'col-sm-6'l><'col-sm-6'f>r>t<'row'<'col-sm-6'i><'col-sm-6'p>>",
  4. "sPaginationType": "bootstrap",
  5. "oLanguage": {
  6. "sLengthMenu": "Display _MENU_ records"
  7. }
  8. } );
  9. (function(){
  10. var oLanguage={
  11. "oAria": {
  12. "sSortAscending": ": 升序排列",
  13. "sSortDescending": ": 降序排列"
  14. },
  15. "oPaginate": {
  16. "sFirst": "首页",
  17. "sLast": "末页",
  18. "sNext": "下页",
  19. "sPrevious": "上页"
  20. },
  21. "sEmptyTable": "没有相关记录",
  22. "sInfo": "第 _START_ 到 _END_ 条记录,共 _TOTAL_ 条",
  23. "sInfoEmpty": "第 0 到 0 条记录,共 0 条",
  24. "sInfoFiltered": "(从 _MAX_ 条记录中检索)",
  25. "sInfoPostFix": "",
  26. "sDecimal": "",
  27. "sThousands": ",",
  28. "sLengthMenu": "每页显示条数: _MENU_",
  29. "sLoadingRecords": "正在载入...",
  30. "sProcessing": "正在载入...",
  31. "sSearch": "搜索:",
  32. "sSearchPlaceholder": "",
  33. "sUrl": "",
  34. "sZeroRecords": "没有相关记录"
  35. }
  36. $.fn.dataTable.defaults.oLanguage=oLanguage;
  37. //$.extend($.fn.dataTable.defaults.oLanguage,oLanguage)
  38. })();
  39. /* API method to get paging information */
  40. $.fn.dataTableExt.oApi.fnPagingInfo = function ( oSettings )
  41. {
  42. return {
  43. "iStart": oSettings._iDisplayStart,
  44. "iEnd": oSettings.fnDisplayEnd(),
  45. "iLength": oSettings._iDisplayLength,
  46. "iTotal": oSettings.fnRecordsTotal(),
  47. "iFilteredTotal": oSettings.fnRecordsDisplay(),
  48. "iPage": Math.ceil( oSettings._iDisplayStart / oSettings._iDisplayLength ),
  49. "iTotalPages": Math.ceil( oSettings.fnRecordsDisplay() / oSettings._iDisplayLength ),
  50. };
  51. }
  52. /* Bootstrap style pagination control */
  53. $.extend( $.fn.dataTableExt.oPagination, {
  54. "bootstrap": {
  55. "fnInit": function( oSettings, nPaging, fnDraw ) {
  56. var oLang = oSettings.oLanguage.oPaginate;
  57. var fnClickHandler = function ( e ) {
  58. e.preventDefault();
  59. if ( oSettings.oApi._fnPageChange(oSettings, e.data.action) ) {
  60. fnDraw( oSettings );
  61. }
  62. };
  63. $(nPaging).append(
  64. '<ul class="pagination">'+
  65. '<li class="prev disabled"><a href="#">上一页</a></li>'+
  66. '<li class="next disabled"><a href="#">下一页</a></li>'+
  67. '</ul>'
  68. );
  69. var els = $('a', nPaging);
  70. $(els[0]).bind( 'click.DT', { action: "previous" }, fnClickHandler );
  71. $(els[1]).bind( 'click.DT', { action: "next" }, fnClickHandler );
  72. },
  73. "fnUpdate": function ( oSettings, fnDraw ) {
  74. var iListLength = 5;
  75. var oPaging = oSettings.oInstance.fnPagingInfo();
  76. var an = oSettings.aanFeatures.p;
  77. var i, j, sClass, iStart, iEnd, iHalf=Math.floor(iListLength/2);
  78. if ( oPaging.iTotalPages < iListLength) {
  79. iStart = 1;
  80. iEnd = oPaging.iTotalPages;
  81. }
  82. else if ( oPaging.iPage <= iHalf ) {
  83. iStart = 1;
  84. iEnd = iListLength;
  85. } else if ( oPaging.iPage >= (oPaging.iTotalPages-iHalf) ) {
  86. iStart = oPaging.iTotalPages - iListLength + 1;
  87. iEnd = oPaging.iTotalPages;
  88. } else {
  89. iStart = oPaging.iPage - iHalf + 1;
  90. iEnd = iStart + iListLength - 1;
  91. }
  92. for ( i=0, iLen=an.length ; i<iLen ; i++ ) {
  93. // Remove the middle elements
  94. $('li:gt(0)', an[i]).filter(':not(:last)').remove();
  95. // Add the new list items and their event handlers
  96. for ( j=iStart ; j<=iEnd ; j++ ) {
  97. sClass = (j==oPaging.iPage+1) ? 'class="active"' : '';
  98. $('<li '+sClass+'><a href="#">'+j+'</a></li>')
  99. .insertBefore( $('li:last', an[i])[0] )
  100. .bind('click', function (e) {
  101. e.preventDefault();
  102. oSettings._iDisplayStart = (parseInt($('a', this).text(),10)-1) * oPaging.iLength;
  103. fnDraw( oSettings );
  104. } );
  105. }
  106. // Add / remove disabled classes from the static elements
  107. if ( oPaging.iPage === 0 ) {
  108. $('li:first', an[i]).addClass('disabled');
  109. } else {
  110. $('li:first', an[i]).removeClass('disabled');
  111. }
  112. if ( oPaging.iPage === oPaging.iTotalPages-1 || oPaging.iTotalPages === 0 ) {
  113. $('li:last', an[i]).addClass('disabled');
  114. } else {
  115. $('li:last', an[i]).removeClass('disabled');
  116. }
  117. }
  118. }
  119. }
  120. } );