123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245 |
- /* Set the defaults for DataTables initialisation */
- $.extend(true, $.fn.dataTable.defaults, {
- "sDom": "<'row'<'col-sm-6'l><'col-sm-6'f>r>" + "t" + "<'row'<'col-sm-6'i><'col-sm-6'p>>",
- "oLanguage": {
- "sLengthMenu": "每页 _MENU_ 条记录"
- }
- });
- /* Default class modification */
- $.extend($.fn.dataTableExt.oStdClasses, {
- "sWrapper": "dataTables_wrapper form-inline",
- "sFilterInput": "form-control input-sm",
- "sLengthSelect": "form-control input-sm"
- });
- // In 1.10 we use the pagination renderers to draw the Bootstrap paging,
- // rather than custom plug-in
- if ($.fn.dataTable.Api) {
- $.fn.dataTable.defaults.renderer = 'bootstrap';
- $.fn.dataTable.ext.renderer.pageButton.bootstrap = function(settings, host, idx, buttons, page, pages) {
- var api = new $.fn.dataTable.Api(settings);
- var classes = settings.oClasses;
- var lang = settings.oLanguage.oPaginate;
- var btnDisplay, btnClass;
- var attach = function(container, buttons) {
- var i, ien, node, button;
- var clickHandler = function(e) {
- e.preventDefault();
- if (e.data.action !== 'ellipsis') {
- api.page(e.data.action).draw(false);
- }
- };
- for (i = 0, ien = buttons.length; i < ien; i++) {
- button = buttons[i];
- if ($.isArray(button)) {
- attach(container, button);
- } else {
- btnDisplay = '';
- btnClass = '';
- switch (button) {
- case 'ellipsis':
- btnDisplay = '…';
- btnClass = 'disabled';
- break;
- case 'first':
- btnDisplay = lang.sFirst;
- btnClass = button + (page > 0 ?
- '' : ' disabled');
- break;
- case 'previous':
- btnDisplay = lang.sPrevious;
- btnClass = button + (page > 0 ?
- '' : ' disabled');
- break;
- case 'next':
- btnDisplay = lang.sNext;
- btnClass = button + (page < pages - 1 ?
- '' : ' disabled');
- break;
- case 'last':
- btnDisplay = lang.sLast;
- btnClass = button + (page < pages - 1 ?
- '' : ' disabled');
- break;
- default:
- btnDisplay = button + 1;
- btnClass = page === button ?
- 'active' : '';
- break;
- }
- if (btnDisplay) {
- node = $('<li>', {
- 'class': classes.sPageButton + ' ' + btnClass,
- 'aria-controls': settings.sTableId,
- 'tabindex': settings.iTabIndex,
- 'id': idx === 0 && typeof button === 'string' ? settings.sTableId + '_' + button : null
- })
- .append($('<a>', {
- 'href': '#'
- })
- .html(btnDisplay)
- )
- .appendTo(container);
- settings.oApi._fnBindAction(
- node, {
- action: button
- }, clickHandler
- );
- }
- }
- }
- };
- attach(
- $(host).empty().html('<ul class="pagination"/>').children('ul'),
- buttons
- );
- }
- } else {
- // Integration for 1.9-
- $.fn.dataTable.defaults.sPaginationType = 'bootstrap';
- /* API method to get paging information */
- $.fn.dataTableExt.oApi.fnPagingInfo = function(oSettings) {
- return {
- "iStart": oSettings._iDisplayStart,
- "iEnd": oSettings.fnDisplayEnd(),
- "iLength": oSettings._iDisplayLength,
- "iTotal": oSettings.fnRecordsTotal(),
- "iFilteredTotal": oSettings.fnRecordsDisplay(),
- "iPage": oSettings._iDisplayLength === -1 ? 0 : Math.ceil(oSettings._iDisplayStart / oSettings._iDisplayLength),
- "iTotalPages": oSettings._iDisplayLength === -1 ? 0 : Math.ceil(oSettings.fnRecordsDisplay() / oSettings._iDisplayLength)
- };
- };
- /* Bootstrap style pagination control */
- $.extend($.fn.dataTableExt.oPagination, {
- "bootstrap": {
- "fnInit": function(oSettings, nPaging, fnDraw) {
- var oLang = oSettings.oLanguage.oPaginate;
- var fnClickHandler = function(e) {
- e.preventDefault();
- if (oSettings.oApi._fnPageChange(oSettings, e.data.action)) {
- fnDraw(oSettings);
- }
- };
- $(nPaging).append(
- '<ul class="pagination">' +
- '<li class="prev disabled"><a href="#">← ' + oLang.sPrevious + '</a></li>' +
- '<li class="next disabled"><a href="#">' + oLang.sNext + ' → </a></li>' +
- '</ul>'
- );
- var els = $('a', nPaging);
- $(els[0]).bind('click.DT', {
- action: "previous"
- }, fnClickHandler);
- $(els[1]).bind('click.DT', {
- action: "next"
- }, fnClickHandler);
- },
- "fnUpdate": function(oSettings, fnDraw) {
- var iListLength = 5;
- var oPaging = oSettings.oInstance.fnPagingInfo();
- var an = oSettings.aanFeatures.p;
- var i, ien, j, sClass, iStart, iEnd, iHalf = Math.floor(iListLength / 2);
- if (oPaging.iTotalPages < iListLength) {
- iStart = 1;
- iEnd = oPaging.iTotalPages;
- } else if (oPaging.iPage <= iHalf) {
- iStart = 1;
- iEnd = iListLength;
- } else if (oPaging.iPage >= (oPaging.iTotalPages - iHalf)) {
- iStart = oPaging.iTotalPages - iListLength + 1;
- iEnd = oPaging.iTotalPages;
- } else {
- iStart = oPaging.iPage - iHalf + 1;
- iEnd = iStart + iListLength - 1;
- }
- for (i = 0, ien = an.length; i < ien; i++) {
- // Remove the middle elements
- $('li:gt(0)', an[i]).filter(':not(:last)').remove();
- // Add the new list items and their event handlers
- for (j = iStart; j <= iEnd; j++) {
- sClass = (j == oPaging.iPage + 1) ? 'class="active"' : '';
- $('<li ' + sClass + '><a href="#">' + j + '</a></li>')
- .insertBefore($('li:last', an[i])[0])
- .bind('click', function(e) {
- e.preventDefault();
- oSettings._iDisplayStart = (parseInt($('a', this).text(), 10) - 1) * oPaging.iLength;
- fnDraw(oSettings);
- });
- }
- // Add / remove disabled classes from the static elements
- if (oPaging.iPage === 0) {
- $('li:first', an[i]).addClass('disabled');
- } else {
- $('li:first', an[i]).removeClass('disabled');
- }
- if (oPaging.iPage === oPaging.iTotalPages - 1 || oPaging.iTotalPages === 0) {
- $('li:last', an[i]).addClass('disabled');
- } else {
- $('li:last', an[i]).removeClass('disabled');
- }
- }
- }
- }
- });
- }
- /*
- * TableTools Bootstrap compatibility
- * Required TableTools 2.1+
- */
- if ($.fn.DataTable.TableTools) {
- // Set the classes that TableTools uses to something suitable for Bootstrap
- $.extend(true, $.fn.DataTable.TableTools.classes, {
- "container": "DTTT btn-group",
- "buttons": {
- "normal": "btn btn-default",
- "disabled": "disabled"
- },
- "collection": {
- "container": "DTTT_dropdown dropdown-menu",
- "buttons": {
- "normal": "",
- "disabled": "disabled"
- }
- },
- "print": {
- "info": "DTTT_print_info modal"
- },
- "select": {
- "row": "active"
- }
- });
- // Have the collection use a bootstrap compatible dropdown
- $.extend(true, $.fn.DataTable.TableTools.DEFAULTS.oTags, {
- "collection": {
- "container": "ul",
- "button": "li",
- "liner": "a"
- }
- });
- }
|