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

Question

私の「通常の」HTMLテーブルをGoogleのDataTableに変換しています。 ほとんどの場合、固定ヘッダーと並べ替えができます。 Creating advanced KnockOut binding handler for google.visualization.datatableのおかげで、DataTable用のKnockOutバインディングハンドラを作成することができました。 これはの読み取り専用データに最適です。

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

data.setCell(
    0, 0, "<input type='checkbox' data-bind=checked: ' " + order.inOrder + "'/>" 
); 

と

data.setCell(
    0, 0, "<input type='checkbox' data-bind=checked: order.inOrder />" 
); 

しかし、両方が動作しません： 私はこれを試してみました。もちろん私は答えを見つけるためにGoogleを使ってみましたが、これまでの運はありません。

編集： いくつかのより多くの背景情報： 私たちは、AJAXを使用して、テーブルを移入サーバーからいくつかのデータを取得し、かなり複雑ページを持っています。 Google.Visualizationの部分はRequireJSの外にありますが、統合に問題があるためRequireJSも使用します）

このページは注文システムのウィザードの一部であり、チェックボックスは 'ドン' t order 'を入力し、入力ボックスに在庫を入力します。表は次のとおりです。

checkbox|Product name|amount|input box for stock|amount minus stock|price 

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

Answer 1

は、データバインディングは、あなたのような、とにかく手動

をDataTableのをロードする必要があるため、それは、ちょうど、多くの利点が表示されないでしょう場合でも、Googleのチャート

で動作するように起こっているとは思いませんDataTableをロード中に必要な値を供給、
何かのような...
data.setCell(0, 0, "<input type='checkbox' " + ((order.inOrder === true) ? "checked" : "") + "/>");

他の思考...

テーブルチャートがページングボタンを使用する場合、現在のページの行のみがレンダリングされるので、各'page'イベントでバインディングが何らかの形で発生する必要があります。

テーブルチャートのチェックボックスを使用すると、'select'イベントが発生します。クリックしたときのテーブル行