問題タブ [datatables-1.10]
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.
sorting - データテーブルのソート矢印機能
私は DataTables を使用していますが、驚くほどうまく機能しています。列ヘッダー (ヘッダーの任意の場所) をクリックすると、ソートされるようになりました。そして、昇順と降順を切り替えます。しかし、ここでの要求は、ヘッダー全体をアクティブなトリガーにするのではなく、昇順で並べ替えるボタンと降順に並べ替えるボタンの 2 つの異なるボタンを用意することです。
各ヘッダーに追加して独自のボタンを追加する必要がありますか、それともデータテーブルに組み込まれているものがありませんか。
独自のボタンを追加する必要がある場合は、正しい方向に向けていただければ幸いです。
どうもありがとう!
jquery - Jquery データテーブル検索が機能しない
jQuery Datatable 1.10 を使用しています。
すべてがうまく機能し、データをグリッドにバインドしますが、検索を実装しようとすると機能しません。
検索用の私のコードはここにあります:-
アラートが呼び出されますが、グリッドに値が表示されません。
助けてください。ありがとう
php - jquery DataTables を使用して ajax 経由でデータをロードする際のセッション タイムアウトの処理
私のアプリケーションはサインインの背後にあるため、ajax を介してデータをロードするときに、ユーザーがまだアクティブなセッションを持っていることを確認する必要があります。echo json_encode(array('TIMEOUT'));
ユーザーがアクティブなセッションを持っていない場合は、 which outputsを返します["TIMEOUT"]
。その応答を読んで、ユーザーをサインイン ページに戻すにはどうすればよいですか?
以前のバージョンの DataTables では、次のことができました。
DataTables 1.10 では、( docsおよびajax.datafnServerData
を参照)に置き換えられました。新しい DataTables バージョンで同じことを達成するにはどうすればよいですか? 私は近づいているように感じますが、それは機能していません...応答を解析しようとして何か間違ったことをしている可能性があります(ifステートメント内でヒットしたことはありません)。ajax
javascript - データテーブル aodata.push 配列をコンマ区切りリストに変換
jquery DataTables と ajax コールバックを使用してデータ サーバー側を検索/並べ替える Web アプリケーションがあります。を使用してデータで補足をプッシュしていますaoData.push
。データ値の 1 つは複数選択ボックスの値であるため、JavaScript 配列であるため、プッシュは次のようになります。
ではDataTables 1.9.1
、ajax リクエストへの GET パラメータで、最終的にmultiselect
コンマ区切りのリストになります。
バージョン 1.10 に更新したところ、実際に値が配列として送信されるようになりました。
サーバー側のコードが期待しているのはコンマ区切りのリストに戻りたいのですがphp
、私はそれにアクセスできません。
HTML または DataTables の初期化で何も変更せず、jquery.dataTables.js
インクルード ファイルを新しいバージョンに更新しただけです。
複数選択データを配列ではなくカンマ区切りのリストとしてサーバーに送信するように DataTables に指示するにはどうすればよいですか?
datatables - データテーブル内の任意の列をソートした後、配列内の特定の列値を取得する方法
id
、などを含む4〜5列のhtmlテーブルがあり、name
データテーブルをdescription
適用しました。id
列をソートする場合、列データを配列で取得したいname
。どうすれば入手できますか?
Ps: 下手な英語でごめんなさい。
javascript - 最初の X 行がクライアントでページ付けされるように、データ テーブルを使用してクライアント側とサーバー側でハイブリッド ページ付けを行う方法は?
小規模なクエリを多数実行することは避け、サーバーから 1000 行を取得する 1 つのクエリを実行し、各ページに 50 行ずつページ分割します。ページ 21 が次の 20 ページを取得するために新しいクエリをレンダリングするようにするにはどうすればよいですか?
これはまた、列の順序付けには新しいサーバー側の要求も必要であることを意味します。
javascript - DataTables 列を自然な幅で表示する
私は DataTables ライブラリを使用しており、autoWidthオプションを使用して DataTables に列幅を自動的に設定させ、Scroller プラグインを使用してサーバーからのヘッダーとページ データを修正しています。
この組み合わせは、テーブルに多数の列がある場合は美しく見えますが、列が数個しかない場合は、autoWidth 設定によって列が漫画のように大きくなります。
次に例を示します。
http://live.datatables.net/rizuvaza/2/edit
私が望むのは、テーブルの幅をコンテンツに必要なだけにして、それ以上広げないようにすることです。これは、コンテンツがビューポートに対して広すぎて水平方向にスクロールする必要があることを意味する場合もあれば、コンテンツがビューポートよりも狭いことを意味する場合もあります。この場合、水平方向のスペース全体を消費したくありません。
テーブルの最大幅をハードコーディングする場合に機能するいくつかのアプローチを見つけましたが、それを行うには、コードを記述して列の幅を自分で推定する必要があります。明らかに、これはさまざまな難しい測定値 (フォント サイズ、コンテンツの幅など) に依存しているため、DataTables に任せたいと思います。
常に必要な幅だけを使用してテーブルを描画するように、DataTables を構成する方法、またはラップ DOM 要素とスタイルを使用する方法はありますか?
jquery - 特別な日付入力フィールドをモーメントでソートするためのjqueryデータテーブルの問題
jQuery Datatables 1.10.5 を使用したページがあります。テーブルは正常に機能しますが、「DM-YY」という形式の日付があります。10-03-15、(2015 年 3 月 10 日)。
これを head に含めたので、moment.js を読み込んでいます。
そして、これを呼び出してテーブルを初期化します。
列が私の日付でソートされないため、何が間違っているのだろうか。datatable.net のすべてのドキュメントを読みましたが、正しく呼び出しているようです。
*** 更新 このプラグインを使用することができ、入力フィールドを並べ替えます。 http://datatables.net/plug-ins/sorting/custom-data-source/dom-text
それでも、yyyy-mm-dd のような UNIX の日付でしかソートできません。カスタム日付 dd-mm-yy で並べ替えたい。これを使用して入力フィールドを初期化します。
/* 列内のすべての入力ボックスの値を含む配列を作成します*/
次に、日付フィールド番号を定義します。3
私もこれを試しました:
有効な値「dom-date」はありますか?
javascript - DataTable : ajax.reload() で関数を使用する
メソッドに問題がありますajax.reload()
- 何も起こりません。私はこのJavaScriptでテストしました:
arrays.txt の内容:
および html コンテンツ:
「あなたの」コード(dataTables.js)を
それ以外の
わたしにはできる...
実際には、ボタンをもう一度クリックすると機能しますが、これは解決策ではありません。