javascript - 将 google.visualization.datatable 与复选框和 KnockOut 数据绑定(bind)相结合

Question

我正在将“普通”HTML 表格转换为 Google 的 DataTable。 主要是因为它会给我固定的标题和排序。 感谢Creating advanced KnockOut binding handler for google.visualization.datatable我设法为 DataTable 创建一个 KnockOut 绑定(bind)处理程序。 这对于只读数据非常有效。

现在我想转换一个每行都有一个复选框和一个输入文本框的表格。创建这些表单元素不是问题，但我对它们使用 KnockOut 数据绑定(bind)。如何将这些数据绑定(bind)添加到我的数据表中？ 我试过这个:

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

“下一步”按钮需要保存整个表格，包括复选框和库存的(更新)值。

Answer 1

认为数据绑定(bind)不适用于 Google 图表

即使会，也看不到太多好处，因为无论如何您都需要手动加载数据表

因此，只需在加载数据表时提供所需的值即可，
类似...
data.setCell(0, 0, "<input type='checkbox' " + ((order.inOrder === true) ? "checked" : "") + "/>");

其他想法...

如果表格图表使用分页按钮，则仅呈现当前页面的行，因此绑定(bind)必须以某种方式发生在每个 'page' 上。事件

在表格中使用复选框输入将导致 'select'单击表行时触发的事件