jQuery Datatableにリフレッシュボタンを追加する

Question

私は自分のアプリケーションにdataTableを持っています。ユーザーがクリックしたときにテーブルを更新するために、データテーブル内の検索テキストボックスの近くにRefreshボタンを追加する必要があります。私はリフレッシュ機能を理解しました。

私が悩んでいることは、このボタンをデータテーブル内にどのように含めるかです。私の最後のスクリプトでこのボタンidにアクセスしたいと思います。

提案がありますか？また誰でもbJQueryUIの使用を教えてもらえますか？

Answer 1

私は単純に次のコードを使用：

$('<button id="refresh">Refresh</button>').appendTo('div.dataTables_filter'); 

Answer 2

データテーブルのsDomパラメータを使用して解決できた同様の問題がありました。

http://datatables.net/forums/discussion/37/the-sdom-parameter/p1

は、基本的にそれはあなたがデータテーブル内のidを持つdiv要素を配置することができます。私はその後、そのdivにボタンを挿入するためにjavascriptを使用しました。ここで

Answer 3

は@マイクで述べたようにdatatables.net

http://datatables.net/examples/advanced_init/dom_toolbar.html

そしてここからボタンを追加するための例のページはSDOMのための例のページである：http://datatables.net/release-datatables/examples/advanced_init/dom_multiple_elements.html

Answer 4

あなただけのダブル作ることができます2番目のボタンをボタン用に使用します。

bJqueryUIでは、jQueryUIテーマまたはテーマローラーを使用できます。そのため、データテーブルを初期化する前にjQueryUIを追加すると、デフォルトのスタイルの代わりにそのスタイルを使用できます。