数据表自定义处理行为

Question

我正在使用数据表是我的Web应用程序。我已经启用了下拉列表，用户可以在其中选择他们希望看到的条目数。

目前，当用户选择要显示的条目数时，我启用了处理消息。

我想做的不是显示处理消息，而是希望禁用页面上的按钮（已经存在带有 id）并显示一些其他文本，例如"正在加载"（即覆盖自定义处理行为）。然后，一旦处理完成，我希望按钮恢复到原始状态（即使用原始文本启用）。

这可能吗，我将如何做？这是我当前的数据表初始化代码。

$('#search-results-table').dataTable({
    'bServerSide': true,                                // user server side processing
    'sAjaxSource': searchResultsTableAjaxServletUrl,    // load data from an external source                
    'bProcessing': true,                                // enable the processing indicator whilst table is loading
    'deferRender': true,
    'searching': false,                                 // disable search box
    'sPaginationType': 'full_numbers', 
    'oLanguage': {
        'sEmptyTable': 'Items not found.'
    },          
    'fnServerData': function ( sSource, aoData, fnCallback ) {
        $.getJSON( sSource, aoData, function (data) {                
            //there was a web service error
            if ('errorMessage' in data) {
                $('div#errorMessage h2').html(data.errorMessage);
                    fnCallback({ 'aaData': [], 'iTotalDisplayRecords': 0, 'iTotalRecords': 0, 'sColumns': null, 'sEcho': 1});
            }
            // only if expected json array is returned go ahead and load
            if (('aaData' in data)) {
                fnCallback(data);
            }
        })
        .fail(function() { 
            $('div#errorMessage h2').html('Search service unavailable, please contact IT support or try again later');
                fnCallback({ 'aaData': [], 'iTotalDisplayRecords': 0, 'iTotalRecords': 0, 'sColumns': null, 'sEcho': 1});            
        });
    },
    'initComplete': function(settings, json) {
        enableFields('#searchButton');
    },                          
    'aoColumnDefs':[{  
        'aTargets': [ 4 ], 
        'mRender': function ( data, type, full )  {
            return  '<a href="javascript:setItemNumber(' + data + ');">' + data + '</a>';
        }
    }],              
    'aoColumns': [
        {'mDataProp':'itemDescription','bSortable':false,sDefaultContent:'','sWidth':'40%'},
        {'mDataProp':'size','bSortable':false,'sClass':'center',sDefaultContent:'','sWidth':'15%'},   
        {'mDataProp':'colour','bSortable':false,'sClass':'center',sDefaultContent:'','sWidth':'15%'},                     
        {'mDataProp':'supplyStyle','bSortable':false,'sClass':'center',sDefaultContent:'','sWidth':'15%'},
        {'mDataProp':'itemNumber','bSortable':false,'sClass':'center',sDefaultContent:'','sWidth':'15%'}
   ]                                          

}）;

Answer 1

我将其添加到我的数据表代码中以覆盖处理函数的默认行为。我还将bprocessing设置为false。

 $('#search-results-table')  .on('processing.dt',function( e, settings, processing ){
     if (processing){
             disableSearchButton();
     }else {
             enableSearchButton();
     }
     } )