問題タブ [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.
javascript - データテーブルでの行の並べ替えを修正
データテーブルの先頭にいくつかの固定行を設定したいと思います。
これは私のデータテーブル設定です:
私は次のように行いました:
これにより、テキストに「MYVALUE」が含まれる行が最上位に保持されます。しかし、問題は、他の列で並べ替えると、「固定」行がテーブルの上に残っていないことです。
解決策はありますか?
ruby-on-rails - Ruby on Rails 3.1 & Datatables gem 'simpe_datatables' (datatables.net)
データテーブルとRails 3.1の経験がある人はいますか!? から simple_datatables 0.2.1 gem を試しました:
https://github.com/gryphon/simple_datatables
kaminari と meta_search 1.1.0 を使用しましたが、動作しませんでした。
css スタイルが適切にロードされていないため、テーブルに画像/css が表示されない可能性があります。テーブルでの検索もクラッシュします....バックエンドに渡されるいくつかの奇妙な検索フラグが原因です。例: 私は列 'name' と 'size' を持っていて、次のように渡します: 'search[name_or_sizefalse]'
javascript - jQueryのGoogle.load()-DataTables.netでは機能しません
古いGoogleChartsAPI(古い静止画像)を使用したWebページ(ここでは例)があり、それを新しいGoogle VisualizationChartsAPIに移動したいと思います。
また、jQuery、jQuery UI、Google JSマップ、およびDataTables.net(すべてGoogleおよびMicrosoft CDNでホストされています)を使用しています。
だから私はgoogle.loader();を使おうとしています。スクリプトタグの代わりに:
残念ながら、これは機能しません(ここではサンプルページ) -DataTablesはテーブルを「ラップ」しなくなりました。
GoogleChromeコンソールのエラーメッセージは次のとおりです。
誰かが私が間違っていることを考えてください。
DataTables.netフォーラムでも質問しました...
アップデート:
サーバーでローカルにdataTables.netファイルをホストすることからMicrosoftのCDNに切り替えました。これは、問題に何も変わらないためです(つまり、jQueryライブラリはdataTables.netの後にgoogle.load()によってロードされます) )。
jquery - JQuery Datatables.net を使用した固定列プラグイン
C# 3.0 を使用すると、データはテーブル出力の形式でクライアントに転送されます。データテーブルはそれを変換するために使用され、使用されるプラグインは FixedColumns (最新) です。
詳細:最初の列は、状態とテキストが次のようにバインドされたチェックボックスです:(ASPXコード)
問題: ページでページングが有効になっていると、チェックボックスの状態が保存されないことがわかりました。ただし、ページングが無効になっている場合、問題はなく、状態は保存されています。
この場合、他のすべてのチェックボックスの状態が保存されます(視覚的に表示されます)[固定された列ではありません]。
fixedColumn プラグインが削除されると、機能し始めました (ページングありとページングなし)。
FixedColumns プラグインを使用した Datatable v1.9 でこの動作が発生するのはなぜですか?
どうすればこれを取り除くことができますか?
PS: スレッド内のヒントを使用してコードを更新しようとしましたが、原因を解決できませんでした。
jquery - jqueryデータテーブルにデータを挿入するにはどうすればよいですか?
datatableにデータを挿入しようとしましたが、javascriptconsoloeはこのテーブルが未定義であると言っています。これが私のコードです:
asp.net - ASP.Net 2.0を使用してASPXページでWebサービスをホストすることは可能ですか?
ページを通常のポストバックからAJAX呼び出しに変換する過程で(JavaScriptを使用してUIを完全にロード/制御し、ASP.Netを厳密にバックエンドとして使用する)、GridViewをAJAXソースのデータセットに置き換えたいと思いました。
私は現在、DataTablesを使用してGridViewをきれいにしていますが、APIには、AJAXを使用してテーブルのデータをリモートで調達するオプションがあります。APIにはJSONオブジェクトを返す必要がありますがfnServerData
、XML応答を必要なJSONデータソースに変換できるオプションのコールバックを提供できるようです。
「だから」、「<WebMethod()>
データソースを返すために一緒に叩いたほうがいい」と思いまし<WebMethod()>
た。過去にいくつかの関数を作成しましたが、常に新しいASMXファイルを追加しました(カスタムクラスを使用してそれを駆動する)またはそうすることが理にかなっている既存のものを拡張した。<WebMethod()>
この特定のページでは、ページのコンテキスト外でこのテーブルのデータソースにアクセスできるようにする必要がないため、ASPXページのコードビハインドにを追加してみようと思いました。
プログラマーのウェブ上には、私が髪を引っ張ってきたものをうまく引っ張っている例がいくつかあるようです。
私は見つけることができるすべての例に従いましたが、どれも私のために働いていません。誰かが私が間違っているところを指摘するか、ASP.Net 2.0がこのように機能しないことを確認できることを期待して、非常に簡単な例をまとめました。
ASPマークアップ:
コードビハインド:
私は上記にいくつかの小さな変更を試みましたが、いずれの場合もAJAX呼び出しは次を返します。
私が返されることを期待しているのは:
誰かが何かアイデアを持っていますか:
- 私が間違っていることは何ですか?
- または、ASP.Net 2.0は
<WebMethod()>
ASPXページでを使用できませんか?
jquery - JQueryDataTablesリンクアイテム
特定の列のアイテムをリンクしようとしていますが、それぞれがid
json文字列とは異なるリンクになります。残念ながら、APIを使用してこれを行う方法を見つけることができません(APIを使用せずにこれを行う方法はたくさんあることを知っています)が、列からアイテムをリンクする方法を探しています(それぞれ特定のリンク付きid
)。
これが私のコードです。getJSON
サーバーからJSONを取得するために使用し、このJSONから次のようにテーブルにデータをロードします。
私がやりたいのは、行ごとに、contact_name
をその行にリンクすることです。これもJSONにあり、を使用してこのループid
内でアクセスできます。$.each
item.contact_id
DataTables APIを使用してこれを行う方法はありますか?はいの場合、私に説明して、これに役立つ優れたリソースを提供していただけますか?
OBS:JSONPを使用しています
ありがとう。
私の新しいコードで更新:
エラーは、クリックするとIDを取得することですが、$.each
ループ内の行を処理しているため、クリックした行については、常にid
最後に処理された行のIDを取得します。
html - datatables.net プラグインは、IE のテーブルの後ろに左側のメニューを隠します
IE で完全に動作するページがありました。次に、このコードでDOMReadyのこのコードを使用して
、素晴らしいjQueryプラグインDatatablesを追加しました
Webkit および Firefox ブラウザーではすべて問題ありません。画像を参照してください。
しかし IE では、理想的にはこのようにテーブルの上に表示されるメニューがテーブルに隠されています。
ご覧のとおり、サブメニューはテーブルの後ろに表示されます。
ここで z-index が原因だとは思いません。z-index: 9999;
とにかくサブメニューがあります。
何が間違っている可能性がありますか?これを解決するための指針は非常に役立ちます。
jquery - ボタンがクリックされたときにデータテーブル(JQuery)を更新する
単純なフォームを作成し、DatatablesjQueryプラグインを使用してその中にいくつかのデータを表示しています。データは、JSON形式で適切な結果を返すphpスクリプト(process.php)によって入力されています。フォームには、テキストボックスの値をprocess.phpに送信するボタンがあります。問題は、ボタンがクリックされたときにprocess.phpスクリプトによって受信された新しいデータでデータテーブルを更新/変更できないことです。
フォームのコード:
データテーブルを作成するために、次のJQueryコードを使用しています。
process.phpスクリプト(正常に動作します)は次のとおりです。
javascript - 複数のテーブルとコンディショニング tds の使用
私は datatables テーブル プラグインを使用しており、サイト全体でグローバルに使用しているため、すべてのテーブルで同じ設定を使用できます。私がやりたいのは、特定の id を持つ th の 1 つに遭遇する場所に設定してから、並べ替えを外して列のサイズを調整することですが、 td には特定の ID があります。