DataTable.NET使用サーバー側の処理

https://datatables.net/examples/server_side/simple.html

データは1000万人以上の取引は、あなたはサーバー側の処理を使用することができますページ上に表示されるようになります。この変更のエントリでは、ページング、並べ替え、およびAjaxのゴーバックエンドスルー事前定義されたデータを取り戻すだろう。

RadGridTable = $（ '＃tbNKeywords' ）
    .on（ 'processing.dt'、機能（E、設定、処理）{
         // ページングまたは.etc処理かどうかを並べ替え、
        // 終了した処理ならば処理がtrueになります。 
        $（ '#loading_overlay'）、CSS（ '表示'、処理'ブロック'：？ 'なし' ）; 
    }）
    .on（ 'xhr.dt'、関数（例えば、設定、JSON、XHR）{
         // Ajaxのコールバック、...ここにいくつかのコードを追加し
        た場合（JSONは== nullの || JSON [ "成功"] == 偽）{ 
            $（ '#loading_overlay'）。CSS（ '表示'、 'どれも'）; 
        } 
    }）
    .on（ 'draw.dt'、機能（）{
         // 選択-すべてがチェックすると、すべての行を確認し
        た場合（$（）（された"-すべてを選択します。 "："確認" ））{ 
            CheckedAll = 1 ; 
            RadGridTable.rows（）（）を選択し; 
        } 

        // 保存された選択された行のIDの選択によってチェックボックスをリセット 
        RadGridTable.rows（）毎に（関数{（rowIdx、tableLoop、rowLoop）の
             場合（AllSelectedRowIds.includes（この.ID（） ））
                 この.select（）; 
            }）; 
    }） 
    .on（'page.dt'、関数（）{
         場合（CheckedAll == 1 ）
             のリターン; 

        // ページングするときに選択された行のIDを保存
        するvar selectedRowIdsの=のRadGridTable.rows（{選択：真}）.ids（）を。
        以下のための式（I ++; iはselectedRowIds.countを（）<I = 0 ）
        { 
            場合（！AllSelectedRowIds.includes（selectedRowIds [I]））
                AllSelectedRowIds.push（selectedRowIds [I]）。
        } 
    }）
    .on（ 'クリック'、 'TBODYのTR'、関数（）{
         場合（CheckedAll == 1）
            返す 偽; 
    }）
    .DataTable（{
         "列" ：[ 
            { "データ"：ヌル}、
            { "データ"： "Created_Date" }、
            { "データ"： "XXXXXXXX" }、
            { "データ"： "XXXXXXXX" }、
            { "データ"： "XXXXXXXX" }、
            { "データ"： "XXXXXXX" }、
            { "データ"： "XXXXXXX" } 
        ]、
        columnDefs。、
            ターゲット：    0 、
            データ：ヌル、
            defaultContent： '' 
        }] 
        を選択し：{ 
            スタイル：     'マルチ' 、
            セレクター： 'TD：最初の子' 
        }、
        順序：[ 1、 'DESC' ]]、
         "ページング"：真、
         "検索"：偽、
        ：colReorder 偽、
        fixedHeader：真、
         "処理"：本当、
         "サーバ側"：真、
        行ID： 'KeywordId' 、
         "AJAX" ：{
             "URL"： "/common/service/xxxxxxxxHandler.ashx" 、
             "タイプ"： "POST" 、
             "データ" 機能（D）{ 
                d.action = " XXXXXXXXX」; 
                d.data = JSON.stringify（XXXXXXX）。
                d.Id = <％ID =％> 。
            } 
        } 
    }）。

 

ページ上のテキストの一部はのdataTableを定義します

https://datatables.net/reference/option/language

たとえば：フッターに「（総エントリXからフィルター）」のセクションを表示させたくありません

$（ドキュメント）.ready（関数（）{ 
    $（ '#example' ）.DataTable（{
         "言語" ：{                
             "infoFiltered"： "" 
        } 
    }）; 
}）;