問題タブ [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 - jquery DataTables プラグイン: プラグインが期待する JSON 以外のサーバー側データをキャプチャできますか?
私は "bServerSide": true、"sAjaxSource":、および "fnServerData":... を使用してデータテーブルにデータを入力しています。これはうまくいっています。
ただし、サーバーを呼び出すときに、サーバーに接続しているページから JSON だけではなく、それ以上のものを返したいと考えています。データベースへの 1 回の呼び出しだけで返したい追加のレコードセットがありますが、これはデータテーブル フレームワーク内で可能ですか? データテーブルによって取得されたときに JSON を出力するページは、JSON のみを想定しており、他の要素が存在する場合はエラーが発生します。
更新 1:これが適切なルートかどうかはわかりませんが、datatables 非表示の列機能を使用することが 1 つのオプションになると考えています。http://www.datatables.net/examples/basic_init/hidden_ columns.html 非表示の列の 1 つのセルに ID を持つ要素を詰め込み、jQuery 経由で ID の情報にアクセスできると思います。
更新 2:おそらく、これは親ページの他の要素を JSON 応答ページの要素から更新する方法です (私はこの問題を datatables フォーラムでも提起しましたが、応答はありませんでした):
json データの最初の行にある各隠し入力の ID を追加して含める
列が非表示の場合、要素にアクセスできないように見えるため、非表示の列を試さないでください。(間違っていたら誰か教えてください...)
非表示の入力を一度だけレンダリングする必要がある場合は、そうします
親ページの jQuery を介して非表示の入力にアクセスする
更新 3: @JM4 - これがあなたの質問に具体的に対処するかどうかはわかりませんが、非表示の入力ルート (たとえば、) を使用して、<input type="hidden id="myCustomID_012" />
必要なことを完了することができました。
行のクリックを処理するために、次のような関数を使用しました。この関数は、dataTable ビルドの外部にありました。
dataTable ビルド内で、clickRowHandler 関数が次のように呼び出されました。
また、DataTables フォーラム (おそらくここから開始: http://datatables.net/forums/comments.php?DiscussionID=3931 )でこれを見た場所を思い出せませんが、使用できる別のルートは上記の json データを出力することです-そして、dataTables が必要とするものを超えて。そのため、"sEcho" と "iTotalRecords" と "iTotalDisplayRecords" と "aaData" を含む json を出力する必要がありますが、独自の名前と値のペアを作成することもできます。
テーブル ヘッダーの選択ドロップダウンに必要な 10 個のユーザー名のリストがある場合、json を作成する場所で名前と値のペアを作成し、それを「selectUserNames」と呼ぶことができます。次に、dataTables ビルドで、そのカスタム json オブジェクトをリストに変換します (ここではすべての関数を表示しているわけではありません)。
この関数は、dataTables ビルドの外部で、選択ドロップダウンを作成します。// http://datatables.net/forums/comments.php?DiscussionID=3931&page=1#Item_6
そしてdataTablesビルド内...
javascript - スクリプト実行中のモーダル読み込みメッセージ
これを解決するためにいくつかの方法を試しましたが、回避策を得ることができませんでした。
基本的に私は Java によって DOM に与えられている大きなデータ テーブルを持っています。ページがデータ テーブルをロードすると、グリッドにスタイルを設定して機能を追加する外部スクリプト (DataTables @ datatables.net) によって解析されます。問題は、テーブルがスタイルなしでページに表示され、データ テーブル スクリプトの機能がなければ、スクリプトの実行が完了すると消えてリロードされることです。
私がしたいのは、ページの読み込み時に jQuery を介してページ上のすべてのコンテンツを非表示にし、スクリプトが実行されたらそれを表示してから、モーダル読み込みダイアログを閉じることです。
私の質問は: すべてのスクリプトが実行されるまで、モーダルを介して読み込みメッセージを実行する方法はありますか? テーブル内のデータはかなり大きく (2000 レコード)、コンパイルに時間がかかります....
助けてくれてありがとう!
jquery - jQuery データテーブルのサイズ変更の問題
Jquery Datatable に問題があります。基本的に私はそのようなデータテーブルを持ちたい:データテーブルの例
私は自分のコードでこれらをインポートしました:
style.css は私のもので、他は datatable api と jquery css コードから取られています。
プログラムを実行すると、次のようなページが表示されます:
Ps: 私のページは iframe 内にあります。
ご協力いただきありがとうございます。
jquery - jquery DataTablesプラグイン:サーバー側のデータ、長さメニューを使用し、-1で「すべて」を表示しますか?
長さメニューの例では、次のように設定されたオプションが表示されます 。http ://www.datatables.net/examples/advanced_init/length_menu.html
しかし、このアプローチをサーバー側で試してみると、「すべて」を選択すると失敗します。このシナリオを処理する前に、またはこのシナリオに精通している人がこの問題に遭遇したことがありますか?
javascript - JQueryDatatablesのページネーション
データテーブルに日付フィルタリングプラグインを追加した後、ページ付けを機能させることができません。元のコードはこのようなもので、ページネーションをうまく拾っていました。
これはプラグイン変数を使用した現在のものです
前もって感謝します。
javascript - 大量のレポートデータをクライアント側(mongoDB、JS)で表示する方法
アプリケーションで収集するデータの性質上、ユーザーが1,000,000行以上のデータを検索し、クライアント側でできるだけ早く結果を受信できるようにする必要があります。
私たちはさまざまな手法を試し、現在はドキュメントストレージエンジンMongoDBを試しています。基本的に、クライアント側で表示したい方法でレポートデータをMongoに保存しています。
しかし、これは私があなたの経験に頼りたかったところです。datatables.netなどのいくつかのレポートテーブルプラグインを使用しましたが、クライアントが100,000以上のレコードに一致する可能性のあるデータを要求すると、そのデータをクライアント側に配信する際の遅延が、サーバーからサーバーにJSONをエクスポートするのに1分以上かかる場合があります。クライアント。
一度に1000件の結果のみをクライアントに送信して結果セットをフィルタリングしようとしましたが、ユーザーが列を並べ替えることを決定した場合はどうなりますか?リクエスト全体を再度実行する必要があり、最初の1000件の結果がクライアントにロードされます。
しかし、クライアントが列内を検索することを選択した場合、結果を再度フェッチする必要があります。すべてのデータがクライアント側にロードされている場合、これらの問題はすべて存在しません。
つまり、基本的に私の質問は、クライアントが大規模なデータセットを検索して操作できるようにする方法ですが、すべての結果を一度に送信する必要がない方法で結果をクライアント側に配信することで、クライアント側は可能な限り軽量ですか?
MongoDB用のフロントエンドデータテーブルタイプのプラグインがいくつかあるはずです。直接JSON通信用のnode.jsを経由する可能性がありますが、何も見つかりません。
ご協力いただきありがとうございます。
javascript - 別のフォームからの入力によって台無しにされたdataTables検索
こんにちは、私はこのようなフォームを持っています
次に、dataTablesを適用するhtmlテーブルがあります
そして、私はこのコードを持っています
問題は、フォームに何かを入力すると、dataTables の検索フィールドとして自動的に送信されたように見え、dataTables の検索フィールドに同じテキストが表示されることです。理由がわかりません
php - Codeigniterを利用したjQueryDataTables
データを生成するためにDataTablesCodeigniterライブラリでjQueryDataTablesを使用しています。このライブラリは、DataTablesが提供するphpスクリプトの移植版です。
このスクリプトでは、いくつかのオプションしか決定できません。
edit
やなどの「行固有の」関数の列を追加できるようにしたいのですdelete
が、DataTableライブラリはデータのマッサージされた配列の提供をサポートしていません。
次のオプションはjQueryのようです。行に関する一意のIDを格納する1つの非表示の列が必要であると考えてから、行固有の関数の列を追加します。それは正しいと思いますか?
他の提案やより良いアプローチを聞くのは素晴らしいことです。
ありがとう、ピーター
jquery - カスタムフォーム要素を追加するjQuery Datatables
基本的なinitでデータテーブルをセットアップしています。テーブルの下にチェックボックスと送信ボタンを配置できるようにしたい。表の下の情報「行」をカスタマイズする方法はありますか?
テーブルの後に送信ボタンを追加すると、次のようになります。
これは私がそれをどのように見せたいかです
Javascript のオン/オフを考慮したソリューションが必要です。
jquery - jQuery datatables:datatablesプラグインが初期化されているかどうかをテストします
たとえば、id="datatable"のテーブル要素がdatatablesで初期化されているかどうかを確認したいと思います。このようなもの:
どうやってやるの?ありがとう!