4

私は今までjquery-uiタブで3つのデータテーブルを使用しています。私はそれらをすべてバックグラウンドで保持し、実際には3つのテーブルを使用することを好みます。データは、オブジェクトの配列内のajaxを介して取得されます(他のプレゼンターによってもその形式で使用されます)。

ただし、テーブルの数とタイプは変更される可能性があるため、保守しやすい状態に保つ必要があります。

ここでの問題は、同じコンストラクターを積極的に使用することです。aoColumnsをパラメーターとしてのみ設定し、実行時に再設定することはできませんか?

現在、コードは次のようになっています。

tables=$(".dat").dataTable({
    "bJQueryUI": true,
    "bDeferRender": true,
    "bPaginate": false,
    "bProcessing": true,
    "sAjaxSource": "ajaxdataA.json",
    "ssAjaxDataProp" : "data",
     "aoColumns": [{"mData": "col1"}, {"mData": "col2"},{"mData": "col3"}]

});

これを配列として設定し、個々のテーブルのsAjaxSourceとaoDataColumnsの詳細を使用したいと思います。もちろん、パラメータオブジェクトを格納して拡張するか、ファクトリクロージャを使用することによっても実現できます。代わりにAngularJSを使用することも考えました。

誰かがもっとエレガントな解決策を持っていますか?

4

1 に答える 1

4

aoColumnDefを使用する代わりに使用できると思いますaoColumns

aoColumnDefは、列内のいくつかのcssクラスを読み取って、より動的な方法でDataTablesを構成することもできます。

そのドキュメントを見てください:http ://www.datatables.net/usage/columns

于 2012-12-29T03:33:56.957 に答える