問題タブ [google-datatable]

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.

0 投票する
1 に答える
293 参照

javascript - google.visualization.datatable をチェックボックスと KnockOut データ バインドと組み合わせる

「通常の」HTML テーブルを Google の DataTable に変換中です。主に、固定ヘッダーとソートが提供されるためです。google.visualization.datatable の高度な KnockOut バインディング ハンドラーの作成のおかげで、DataTable の KnockOut バインディング ハンドラーを作成できました。これは、読み取り専用データに最適です。

ここで、すべての行にチェックボックスと入力テキストボックスがあるテーブルを変換したいと考えています。これらのフォーム要素を作成することは問題ではありませんが、私はそれらに KnockOut データ バインドを使用します。これらのデータバインディングをデータテーブルに追加する方法は? 私はこれを試しました:

しかし、どちらも機能しません。もちろん、Google を使って答えを見つけようとしましたが、今のところうまくいきません。

編集: 背景情報: AJAX を使用してサーバーからデータを取得し、テーブルに入力するかなり複雑なページがあります。RequireJS も使用していますが、Google.Visualization の部分は RequireJS の外部にあります。統合に問題があるためです ;)

このページは注文システムのウィザードの一部で、チェックボックスは「注文しない」で、入力ボックスは在庫を入力するためのものです。表は次のとおりです。

[次へ] ボタンは、チェックボックスと在庫の (更新された) 値を含むテーブル全体を保存する必要があります。

0 投票する
1 に答える
413 参照

javascript - 2つの列を比較して行に色を付ける Google視覚化DataTable

私は google.visualization.DataTable を使用しており、関連する 2 つの列があり、colSmall と colLarge と呼びます。特定の行で colSmall が colLarge より大きい場合、その行の背景色を赤にしたいと思います。

最も近いのは、google.visualization.ColorFormat() を使用することです。フォーマッタと addRange を作成して、特定の値をハードコーディングし、colSmall がその値を超えると赤になるようにすることができます (以下を参照)。

この行の別の列を表示する方法を見つけることができませんでした。私が抱えているもう1つの問題は、これが行全体ではなくセルのみを赤くすることです。

0 投票する
1 に答える
2353 参照

google-visualization - Google Visualization Table でフィルター後の行数をカウントする

この例のように、CategoryFilter、StringFilter、NumberRangeFilter など、複数のフィルター用に Google 視覚化テーブルにさまざまなコントロールを実装しました http://jsfiddle.net/asgallant/Ena84/

フィルター設定ごとにテーブルに視覚化された行数を知ることは可能ですか? ありがとうございました。

0 投票する
1 に答える
369 参照

arrays - Google データテーブル - 「日付」文字列を列全体の実際の新しい Date() に変換する (setCell??)

私は非常に単純な配列を作成しています(最初の行をタイトルとしてリストする必要がありますか?)、views.pyからテンプレートに解析しています...

私のテンプレートでは、JS を使用して Google チャートを作成していますが、これは完全に正常に機能します。

問題は、私のグラフでは日付が単なる文字列であるため、複数の行を作成した場合、実際の日時が考慮されないことです。

列をGoogleの新しい日付(yy/mm/dd/hh/mm/ss)などに変換するにはどうすればよいですか?

setCell、setValue などの多くのことを試しましたが、何も機能していないようです。setCell が機能する場合は、setColumn のようなメソッドも試してみます。

私の(動作していない)setCellメソッドコードはこれでした:

「2014,3,3」の配列内の指定された日付要素を、認識された Google テーブルの日付に変更しようとしています...

それは本当に簡単な問題のように思えますが、私は苦労しています:(

ありがとう、

フレッド