jquery - ASP.NET MVC で jquery dataTables プラグインを更新する際の問題

Question

jQuery data-tables プラグインによってレンダリングされたテーブルの更新に関して助けが必要です。

従来のテーブル データがレンダリングされるDIVがあるIndex.aspxというビューがあります。何かのようなもの：

<div id="students">
    <table ...>
         <thead>
           ...
         </thead>
         <tbody>
           ... (all the rows are statically rendered to DOM)
         </tbody>
    </table>

</div>

次に、データテーブルを次のように初期化します。

$(document).ready(function(){
    $("#students").dataTable();
});

これを CRUD 操作と一緒に使用するために私が設計したアプローチは次のとおりです。

すべての INSERT、UPDATE、および REMOVE シナリオは、 DIVを更新するPartialViewを返すActionを呼び出します。

ただし、データが適切に更新されていることを確認しても、ページング、並べ替えなどの dataTable の機能を失います。データテーブル内の正しいレコード数も反映されません。

これは、dataTable がデータを内部構造にキャッシュするために発生していることを理解しています。そのため、Ajax を使用してページの一部を更新すると、dataTable はデータの変更を認識しません。

誰かがこの状況に遭遇しましたか? この問題を解決するための NICE と CLEAN のアプローチは何ですか?

乾杯、

モッシュ

Answer 1

テーブルを更新する必要があるコードで、次のようなことを試してください。

oCache.iCacheLower = -1;
oTable.fnDraw();

Answer 2

fnDrawajaxの後に呼び出してみましたか?