問題タブ [jquery-datatables]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - DataTables サーバー側の個々の列のフィルタリング
誰かがこれで私を助けてくれることを望んでいました。私はこれで夢中になっています。
私は DataTables グリッドをロードする状況にあり (ちなみに素晴らしい作品です!)、すべてが素晴らしいです。それから私は検索に行き、問題に遭遇します。グリッドに入力されているデータは、2 つの異なるデータベース テーブルから取得されています (これは問題ありません) が、誰かが検索を実行すると、どこに行ってデータを取得すればよいかわかりません。検索の基準を知る必要があります (つまり、タイトルまたは連絡先)。デフォルトの検索ボックスを介してサーバーから検索が呼び出されると、「sSearch_0」のような変数がすべて設定されていないことがわかります。これらはどのように設定されますか?
テーブルの初期化コードは次のとおりです。
});
「 fnServerData 」にデータを追加するためのオプションを調べ、実際に最初の初期化サーバー呼び出しにそれを使用しましたが、後続のサーバー呼び出しにそれを使用する方法がわかりません。「fnFilter」を使用しようとしましたが、サーバー呼び出しを実行してより多くのデータを取得することがわかりません。この時点で、デフォルトの検索ボックス以外にサーバー呼び出しを実行する方法は見当たりません。また、検索対象の列を知る方法も見られます。
誰かがここで私を助けて、正しい方向に向けることができますか?
jquery - datatablesはコンボボックスを列として追加します
Datatablesを使用してデータテーブルを取得しました。以下に示すように、テーブルを作成して入力しました。次に、ユーザーが年を選択できるように、コンボボックスを実装する必要があります(2010、2011、2012があると仮定します)。次に、ユーザーがテーブルに配置されている[表示]または[変更]リンクをクリックすると、選択した年がパラメーターとして別のページに渡されます。
では、どうすれば年の列をコンボボックスに変えることができますか?
jquery - jQuery データテーブル Twitter/Facebook スタイルのページング
私は運が悪い場合にこれを行う方法について、良いリソースを探し回っています。私はパイプラインを有効にしてサーバー側の処理を行うjQuery datatablesプラグインを使用しています(例)。これは asp.net webforms プロジェクトで機能しており、将来のプロジェクトでは MVC に移行する予定です。Here で見つかったクラスを使用して、サーバー側の処理を担当しています。また、ページネーションに関連するここにある記事も調べています。
基本的に私がする必要があるのは、datatables プラグインとサーバー側処理を使用してこのタイプのページネーションを作成することです (ここではパイプライン処理は必ずしも重要ではありません)。
注: twitter/style ページングでは、次のいずれかを参照しています。
- 表の下部にある 1 つのボタンで、表の既存のコンテンツに追加された追加の結果が返されます
- ユーザーがスクロールによって現在の結果の最後に到達すると、追加の結果が無限に読み込まれます (注: この機能は datatables プラグインに組み込まれていることがわかったので、前の方法に集中する必要があります)。
最終的には、上記の両方のスタイルのページネーションから選択できるようにしたいと考えています。
誰かが共有する良いアドバイスやサンプル/チュートリアルを持っていますか?
jquery - jquery DataTablesの初期並べ替えを無効にする方法はありますか?
jqueryDataTablesプラグインを使用しています。彼らのドキュメントから:
並べ替えが有効になっている場合、DataTablesは初期化時に最初のパスの並べ替えを実行します。この変数を使用して、並べ替えが実行される列と並べ替えの方向を定義できます。aaSorting配列には、最初に列のインデックスと方向文字列('asc'または'desc')を含むソートされる各列の配列が含まれている必要があります。
並べ替えを有効にすることはできますが、初期化時にこの最初のパスの並べ替えを無効にすることはできますか?私は現在、初期ソートサーバー側を実行しており、ソート機能が必要ですが、この初期ソート機能は必要ありません。
jquery - メニュー項目を jquery データテーブルに追加する
データテーブル (jquery データテーブル) に追加したフィルターは、ヘッダーに追加する方法を理解するまで完全に機能しました。
私が最初に扱ったのは次のようなものです:
sDom機能を使用してヘッダー内に選択メニューを追加するまで、これは機能しました
最後の部分もよくわかりませんが、例に従って選択をラップするまで、どこで動作させることができなかったようです...
最初は、テーブルの外側の div にありました。
http://www.datatables.net/examples/advanced_init/dom_toolbar.html
javascript - 選択した列のインデックスを取得 (DataTables + ColVis)
jQuery プラグイン DataTables + ColVis を使用してテーブルを表示しています。ユーザーが表示することを選択した列のインデックスの配列を取得する必要があります(この情報は、エクスポート用にカスタマイズ可能なテーブルを作成するために使用されます)。
例: ユーザーは、ここのテーブルからブラウザとプラットフォームのみを表示することを選択します。[1,2] を取得する必要があります。
何か案は?
javascript - データテーブルはフォームサーバーサイドデータを送信します
Datatables jsプラグインを使用している方のために、サーバー側のデータを使用してこの例を作成するにはどうすればよいですか?
この例では、HTMLにハードコーディングされたデータを使用しています。
jquery - JQuery Datatables - 列フィルターの取得
JQuery Datatables で列の現在のフィルター ステータスを取得する方法はありますか? カスタム フィルタリングを行っており、bStateSave を true に設定しています。ページがリロードされたら、ページの別の部分を設定するために現在のフィルター状態を読み上げたいと思います。
asp.net-mvc-3 - 1 ページに 2 つのデータテーブル
こんにちは、MVC 3 の 1 つのパーシャルに 2 つのデータテーブルがあります。1 つは Table_1 を表示し、もう 1 つは Table_2 を表示します。データテーブル 1 (行) をダブルクリックすると、Datatables 2 formAddNewRow がポップアップする機能が必要です。これを行う方法はありますか?さらに、Datatables 1 ID がポップアップ フォームに送信されます。
現在、私の部分的なビューにはこれがあります:
ヒントやガイドをいただければ幸いです。ありがとうございました。