問題タブ [datatables]

XSL 変換に基づいて XML 結果を表示するために使用しているテーブルをドレスアップするためにDataTablesを使用しています。技術的な意味 (ページング、並べ替え、フィルタリング) ですべてが機能していますが、ThemeRoller テーマを使用して、Web サイトにあるように見えるようにしようとしています。

これまでのところ、次のファイルを参照とともにプロジェクトに追加しました。

DataTables Web サイトに従って、次を使用して ThemeRoller テーマを有効にしました。

テーブルのスタイルが設定されますが、ヘッダー行が広すぎて、1 行にあるはずのものが複数行にあるため、正しく表示されません。私が間違っていることについての兆候はありますか？よろしくお願いします。

HTML コード:

私はJqueryとDatatablesが初めてです。プロジェクトで Datatables を使用しようとしています。JSP/Java からデータを取得し、Datatables で使用することを教えてください。リンクや例は非常に役立ちます。ありがとうバラス

入ってきた XML データを表示するためにDataTablesを使用しています が、少し異なるアプローチを探しています。各列に検索ボックスを配置し、理想的には結果の値を入力したい..そのため、ページの「検索」ボックスの代わりに、各列の上に値を含むボックスを配置します (たとえば、Rending の場合)。エンジン: コンボ ボックス内の Trident、WebKit、Gecko など)。これを可能にするために DataTables jQuery を変更できますか、それともゼロから始める必要がありますか。気が遠くなるような気がしますが、私はまだ jQuery に慣れていません。どんな回答でも大歓迎です。前もって感謝します。

編集：回答ありがとうございます。predrag が提案したように、列からのすべての値 (表示されたページの値だけでなく) が取り込まれているコンボ ボックスで Datatables を使用していますが、値を選択すると、グリッドをリロードするイベント。これはページ上の私のjQueryコードです:

さらに、このページから次のように、これらの関数を jquery.dataTables.js の下部に追加しました: http://datatables.net/examples/api/multi_filter_select.html

fnFilter でブレークポイントを設定し、フィルタ ドロップダウン ボックスの 1 つの値を変更すると、ブレークポイントはヒットしませんが、fnCreateSelect でブレークポイントを設定するとヒットします。私は何か間違ったことをしていますか？

他の誰かがこの問題に遭遇したのではないかと思いました。ビューで最初にテーブルを作成するとき、各テーブル行でカスタム属性 ( と呼びますcustomerID) を使用して、ajax 呼び出しのために渡す必要がある情報を保持しています。ただし、テーブルに行を動的に追加しているため、同じ情報 ( customerID) を行の属性に入れる方法がわかりません。現在、行を追加するときに行っている唯一のことは、列に正確にマップされる文字列の配列の配列を構築することです。これは問題なく動作しますが、余分な情報を送り返す余地はありません。

行を追加するときにその情報をビューに送り返す別の方法があれば、それを属性に格納する必要はないと思います。誰かがこれについて何か考えを持っていますか?

ありがとう。

HTML テーブルでフィルタリング、並べ替え、ページネーションを利用するためにDataTablesを適用しています。次のコードを使用して、これらの属性をテーブルに適用しています。

関数呼び出しで:

..コンボ ボックスには、テーブルのデータが入力されます。ただし、ボックスは値の全長を含むように自動的にサイズ設定されます (一部は複数の行にまたがります)。そのため、列のサイズが大きすぎてページからはみ出してしまいます。これは CSS の問題ではないと判断したため、コンボ ボックスでエントリごとに複数の行を使用するか、値の一部のみを表示して、これらすべての列を 1 ページに収めることができるようにする必要があります。

前もって感謝します！

データ可能 ( http://www.datatables.net )、jQuery、および Firefox に問題があります。

上にボタンがあるjQueryデータテーブル（id="equipmentList"）があります：

データテーブルの列を並べ替えるときに、ボタン (ボタンdeleteButton) を無効にしたいので、次のコードを書きました。

並べ替えが終了するまで、すべてがうまくいきます。その後、ボタンが jQuery によって有効になるためです。または、他の何か。ボタンを無効にするために、並べ替え順序の最後にキャプチャイベントを探しています

だから私はDjangoとJavascript（私はJQueryを使用しています）の両方にかなり慣れていません、そして私がハックをしているのか、それともクライアント側に表示されたデータベースIDをdjangoサーバー側に送信するより巧妙な方法があるのか​​疑問に思っています。これが私のプロセスです：

データベースからレコードを取得するためにAJAXを使用するbProcessingオプションを使用して、データの行を表示しているdataTable（http://datatables.net ）があります。私のurls.pyのURLは次のようなものです：

そして私のdataTableajax関連コードは次のようなものです：

ここで、Djangoビューで使用されるjavascript関数getIDFromHTML()は次のようになります。<cid>

これは私には「ハッキー」に見える部分です。テンプレートコードに、データテーブルのURLで使用しているデータベースID（cssにdisplay：noneを使用）を挿入しているので、ビューに戻すことができます。コードがHTML自体に埋め込まれていない限り、javascriptコードでdjangoテンプレートタグを使用することはできないため、これのほとんどが必要になります。

私が見つけた他の唯一のことは、URLを変更して、渡されたパラメーターを削除することです。

ビューコードを次のように変更します。

必要なIDはこのリファラーURLの最後にあるためです。

このようにして、非表示のデータベースIDをHTMLに埋め込み、ajaxを介してテーブルポピュレーションビューコードに戻す必要はありません。

この方法でリクエストオブジェクトでHTTP_REFERERを使用しても大丈夫ですか？私はこれを完全に間違った方法で行っていますか？

前もって感謝します！

私はこの例を自分のページhttp://datatables.net/examples/server_side/server_side.htmlで動作させました（php5、jquery + ui、およびdataTables.netを使用）

各行に変更リンクと削除リンクを追加できるようにしたいのですが、サーバーからリンクを含む 2 つの余分な列を送信せずにそれを行うにはどうすればよいですか?

また、行がデータベースに持っていて、サーバーから送信されたIDを1からiTotalDisplayRecordsまでの素敵な番号に置き換えるにはどうすればよいですか...

ありがとうございました

10列程度のhtmlテーブルがあり、jQuery DataTablesプラグインをテーブルに適用する場合、テーブルの行数がブラウザーのレンダリングパフォーマンスに悪影響を与えると予想されるのはどの時点ですか？

jQuery DataTablesプラグインを使用すると、サーバー側の並べ替えができます。

私の問題は、サーバー側でいくつかの特定の列をフィルタリングする方法です。でフィルタリングしたい列と、でフィルタリングしたい<input>列があります<select>。

ドキュメントには、入力フィルタリングの個別の例があり、すべての列をループするフィルタリングを選択しますが、それらの組み合わせはありません。
私はこの質問を見ましたが、それは役に立ちませんでした。 DataTablesサーバー側の個別の列のフィルタリング