2017-03-09 10 views
0

ページ設定のリンクをクリックする前に単純な読み込みエフェクトを追加して、テーブルを再描画した後に読み込みページを閉じます。私はそれを行うためのサーバメソッドを試しましたが、結果はかなりOKではありません。私はjQuery.bind-firstプラグインを試してみました。無効。助けてください。前もって感謝します。jQueryでデータテーブルプラグインのページ番号をクリックしたときに読み込みページを追加する方法

以下は私のコードです。

var idCredit = (parseInt($.getUrlVar('idCredit'))).toString(); 
      $("#idCredit").val(idCredit); 
      var oTable =  $('#companyInfoConnectionGrid').dataTable({ 
     "bProcessing": false,    
     "sScrollX":"100%", 
     "bJQueryUI": true, 
     "bFilter": false, 
     "bInfo": false, 
     //"sScrollY": 420, 
     "bSort": true, 
     "bDestroy":true, 
     "iDisplayLength":10, 
     //"aaSorting": [[ 2, "desc" ]], 
     "sScrollXInner": "100%", 
     "sPaginationType": "full_numbers", 
     "sAjaxSource":"queryCompanyInfoCreditAssociation", 
     "bSort": false,    
     "bServerSide":true, 
     "bLengthChange":false, 
     "fnServerData":retrieveData, 
     "fnDrawCallback": function(settings) { 
         window.top.Comm.stopPageLoading(); 
      }, 
     //"sColumns":["id","productCode","name",connectionType,grantQuota,approvalAmount,status,result,reason,edate], 
     "aoColumns": [ 
      { "mDataProp": "id", 
       render:function(data,type,row,meta) { 
        var workflow = row.workflow=="" ? 0 : row.workflow; 
        var a = '<a href="javascript:this.parent.parent.queryAuditNavigate('+data+',' + workflow + ')">'+data+'</a>' 
        return a; 
       } 
      }, 
      { "mDataProp": "productCode", 
       render:function(data,type,row,meta) { 
        if(""===data || null === data){ 
         return "-" 
        } 
        return data; 
       } }, 
      { "mDataProp": "name", 
       render:function(data,type,row,meta) { 
        if(""===data || null === data){ 
         return "-" 
        } 
        return data; 
       } }, 
      { "mDataProp": "companyName", 
       render:function(data,type,row,meta) { 
        if(""===data || null === data){ 
         return "-" 
        } 
        return data; 
       } }, 
      { "mDataProp": "connectionType", 
       render:function(data,type,row,meta) { 
        if(""===data || null === data){ 
         return "-" 
        } 
        return data; 
       } }, 
      { "mDataProp": "grantQuota", 
       render:function(data,type,row,meta) { 
        if(""===data || null === data){ 
         return "-" 
        } 
        return data; 
       } 
      }, 
      { "mDataProp": "approvalAmount", 
       render:function(data,type,row,meta) { 
        if(""===data || null === data){ 
         return "-" 
        } 
        return data; 
       } 
      }, 
      { "mDataProp": "status" 
      }, 
      { "mDataProp": "result", 
        render:function(data,type,row,meta) { 
         if(""===data || null === data){ 
          return "-" 
         } 
         return data; 
        } 
      }, 
      { "mDataProp": "reason", 
       render:function(data,type,row,meta) { 
        if(""===data || null === data){ 
         return "-" 
        } 
        return data; 
       } 
      }, 
      { "mDataProp": "edate", 
       render:function(data,type,row,meta) { 
        if(""===data || null === data){ 
         return "-" 
        } 
        return data; 
       } }, 
      { "mDataProp": "overdueSign", 
       render:function(data,type,row,meta) { 
        if(""===data || null === data){ 
         return "-" 
        } 
        return data; 
       } }, 
      { "mDataProp": "detail" 
      } 
     ] 
     } 
}); 

$("#companyInfoConnectionGrid_paginate").onFirst("click", "a", function() { 
     debugger; 
     window.top.Comm.startPageLoading(); 
}); 

答えて

0

bProcessing: trueを使用してください。 official documentationから

bProcessing

テーブルが処理されている「処理」インジケータ(例えば一種)の表示を有効または無効にします。これは、大量のデータを持つテーブルでは、エントリをソートする際にかなりの時間がかかることがあります。

デフォルトのメッセージを変更したい場合は、oLanguage.sProcessingオプションを使用します。

"oLanguage": { 
    "sProcessing": "DataTables is currently busy" 
} 
関連する問題