2

データテーブルのフッター領域に[新規追加]ボタンを追加して、クリックするとユーザーが[新規追加]フォームに移動できるようにする方法を探しています。datatablesのWebサイトを調べましたが、これを使用する必要があるかどうかわかりません。

http://datatables.net/extras/tabletools/

これについて他に何か考えはありますか？

var oTable = $('#users').dataTable({
    "bAutoWidth": false,
    "aoColumnDefs": [
        { "sWidth": "60px", "aTargets": [ 0, -1 ] },
        { "bSortable": false, "aTargets": [ -1 ] },
        { "sClass": "center", "aTargets": [ 0, -1 ] }
    ]
} );
4

1 に答える 1

1

TableToolsは必要ありません。

sDOMデータテーブルでは、テーブルのDOMレイアウトを指定するプロパティを設定できます。あなたはそれについてもっと読むことができますが、それを持ち出すことの主なポイントはdivあなたがあなたのフッターに置く習慣を指定することを可能にするということです。次に、jQueryを使用して、ボタンをそのdivなどに追加できます。さらに、CSSは、その要素をフッター内に配置するために正常に機能するはずです。

DatatablesDOM設定の詳細は次のとおりです

そして、Datatablesフォーラムであなたを助けるかもしれない良い質問があります

幸運を！

更新：私はちょうどあなたのサイトに行き、あなたのデータテーブルの設定を見ました。テンプレートを使用しているため、提供されているdatatablesコードはある程度ろくでなしになっています。つまり、datatables.netサポートサイトに表示される「デフォルト」の一部を適用できませんでした。彼らは間違いなくsDomデフォルトを変更しました。これが彼らが使っているものです...：

'<"top"lf<"clear">>rt<"actions"<"actions-left"i><"actions-right"p>>'

「アクション」が彼らのフッターのようdivです。簡単な方法は、を介してボタンを動的に追加すること$(selector).append()です。それについてサポートが必要な場合は、jQueryサイトにアクセスします。

繰り返しますが、幸運を祈ります！

更新2：あなたのコメントに応えて：

では、セレクターは何でしょうか？

セレクターはになります'#actions'。ただし、上記の構文に慣れていない場合は、 jQuery$を読んでください。すでにjQueryに精通していて、使用するセレクターIDを探していた場合は、お詫びします（この場合、将来の参照用に、datatablesパラメーター内の引用符で囲まれたものはすべてセレクターで使用できるIDになります）。sDomdiv

于 2012-04-24T13:15:30.437 に答える