問題タブ [jquery-datatables]

ASP.NET で Datatables jquery プラグインを使用したいと考えています。必要な HTML テーブルを生成する最良の方法は何ですか?

サーバーへのすべてのajax呼び出しの通常のデータと一緒に、JSON文字列形式でカスタムデータを送信する必要があります。

これが私のJavaScriptコードです。

コントローラの署名は次のとおりです。

Chromeデベロッパーツールでjsエラーを表示すると、不正なリクエスト（400）が行われていることがわかり、バグのあるコードの正確な場所を見つけることができません。また、データテーブルajax呼び出しごとにアプリケーションタイプをapplication/jsonに設定するにはどうすればよいですか。

バグかどうかはわかりませんが、次のオプションを持つデータテーブル + ajax があります。

ユーザーが行を追加できるフォームがあり、それを送信すると、ajax 呼び出しでデータベースにデータを追加してから、次のように呼び出します。

ユーザーがクリックして列「MainTag」でテーブルを並べ替えると、サーバー側の ajax が受け取ります。

そして、すべての bSortable_# が正しく 0 から 7 まであります (上記のように 8 つの列があります。

サーバー上でどの列が非表示になっているかを知る手段がない場合、iSortCol_0=4 の並べ替えを間違った列で誤って解釈します。

回避策を実装して、どの列が表示または非表示になっているかの情報を外部のデータテーブルに送信することはできますが、何か間違ったことをしている、またはドキュメントで問題の答えを見つけられなかったと感じています。

ページの変更に「fnDrawCallback」関数を使用しています。それは基本的に私の目的を解決します。唯一のことは、dataTable オブジェクトを初期化するときにその関数を指定する必要があることです。初期化後にそれを行う方法はありますか？

例：私はこのようにしています：

私はこのようにしたい：

解決：

Datatables jQuery プラグインを使用しています。テーブルは、AJAX ソース (ASP.NET によって JSON オブジェクトに処理された SQL Server クエリ) からデータを取得しています。変更がリアルタイムで表示されるように、テーブルのライブ ビューを作成したいと考えています。しかし、数秒ごとにテーブル全体をリロードするのではなくfnReloadAjax()(これは、経験上、ブラウザにとって非常に負担になることが証明されています)、新しいレコードまたは変更されたレコードのみを更新し、 と を使用fnAddData()しfnUpdate()ます。

新しいレコードまたは変更されたレコードのみの JSON オブジェクトを取得した後、オブジェクトを処理するコードを次に示します。

私の問題はnewData.length、最初の for ループのプロパティが 1 より大きい場合でも、for ループが (1 回の反復後に) 早期に終了することです。最後にステートメントを追加すると、未定義console.logであるというエラーが発生し始めました。newData[i].serialこれは、 newData 配列全体が破壊されたか何かだと思います...

ばかげた間違いを犯したことを本当に望んでいます（ただし、チェックしてチェックしてさらにチェックしましたが、見つけられませんでした）。たぶん、私が見落としているものがあります。誰かアドバイスがあれば、大歓迎です。

jqueryDatatablesプラグインを使用しています。リンクhttp://www.codeproject.com/Articles/190718/jQuery-DataTables-and-J2EE-web-application-integraをたどりました

JSONオブジェクトのDateをdatatablesプラグインに渡します。Webサービス呼び出しの形式は次のようになります

「2009年1月10日土曜日00:08:00EST」

、時間、EST、および日を削除する必要があります。つまり、次のようになります。

「2009年1月10日」

列はサーバー側で並べ替えられます。必要なのは、クライアント側でその場でデータを取り除くことだけです。私はまだdatatablesプラグインを学習中ですが、これを実装するかどうかはわかりません。専門家は私を正しい方向に向けてください。

ASP.NET MVC 3 アプリに DataTables jQuery プラグインを統合しています。jQuery.ready()関数内で、DataTableを既存のテーブルにアタッチしています。

ここで、ASP.NET MVC を動的にロードする必要があります。動的に読み込まれたビューに DataTable プラグインをアタッチするのに最適な場所はどこですか? $.get() の「成功」関数は、HTML を DOM に追加した後にプラグインをアタッチするのに適した場所でしょうか?

ありがとう

jQuery データテーブルに都市のリストを表示する Web ページがあります。与えられた 1 つの場所から各都市までの距離を計算し、結果をテーブルに入れる必要があります。テーブルの行をループして Google の DistanceMatrix を呼び出し、コールバック関数で結果を正しく読み取ることができます。ただし、コールバックでは、計算された距離で jQuery データテーブルの列を更新する必要があります。結果は非同期に (結果とステータスのみをパラメーターとして) 到着するため、戻り配列のどの結果がどのデータテーブル行に適用されるかをどのように判断すればよいでしょうか?

各結果要素で返された都市のデータテーブルを検索できると思いますが、DistanceMatrix 呼び出しにより、返される前に元の検索パラメーターがより具体的な場所の文字列に変換 (「ジオコーディング」?) されることがよくあります。

サンプルコード:

行の最後の列に画像/アイコンを追加する必要があります。そして、そのアイコンにカーソルを合わせると、サーバーからのデータが表示されるはずです。これを実装する方法がわかりません。この機能を実装した専門家は、私を助けてください。前もって感謝します。

編集

これは私が持っているサンプル データです。カーソルを合わせると、最後の列にアイコンを追加して、ツールヒントに「データ」を含むツールヒントが表示されるようにする必要があります。

[アップデート]

イメージタグは次のようになります。

ホバー時にモーダル ダイアログを表示することも要件です。以下は、モーダルを開くための jquery コードです。

ホバーすると、これはどういうわけか機能しません。jquery Modalをトリガーしていません

アップデート

タイミングの問題があるのは正しいです。その問題を修正しました。カーソルを合わせると、すべての画像がモーダルに読み込まれます。つまり、行の数は、開いているモーダル ダイアログの数です。値 aData[3] を jquery モーダルに渡す必要があります。

Datatablesを使用して、検索フィールドの入力ボックスにクラスを追加するにはどうすればよいですか？