「通常の」HTML テーブルを Google の DataTable に変換中です。主に、固定ヘッダーとソートが提供されるためです。google.visualization.datatable の高度な KnockOut バインディング ハンドラーの作成のおかげで、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 を使用してサーバーからデータを取得し、テーブルに入力するかなり複雑なページがあります。RequireJS も使用していますが、Google.Visualization の部分は RequireJS の外部にあります。統合に問題があるためです ;)
このページは注文システムのウィザードの一部で、チェックボックスは「注文しない」で、入力ボックスは在庫を入力するためのものです。表は次のとおりです。
checkbox|Product name|amount|input box for stock|amount minus stock|price
[次へ] ボタンは、チェックボックスと在庫の (更新された) 値を含むテーブル全体を保存する必要があります。