Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/vim/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将google.visualization.datatable与checkbox和KnockOut数据绑定相结合_Javascript_Jquery_Knockout.js_Google Visualization_Google Datatable - Fatal编程技术网

Javascript 将google.visualization.datatable与checkbox和KnockOut数据绑定相结合

Javascript 将google.visualization.datatable与checkbox和KnockOut数据绑定相结合,javascript,jquery,knockout.js,google-visualization,google-datatable,Javascript,Jquery,Knockout.js,Google Visualization,Google Datatable,我正在将我的“普通”HTML表转换为Google的DataTable。 主要是因为它会给我固定的标题和排序。 多亏了,我成功地为DataTable创建了一个敲除绑定处理程序。 这对于只读数据非常有效 现在我想转换一个表,它的每一行都有一个复选框和一个输入文本框。创建这些表单元素不是问题,但我对它们使用敲除数据绑定。如何将这些数据绑定添加到我的datatable? 我试过这个: data.setCell( 0, 0, "<input type='checkbox' data-bind

我正在将我的“普通”HTML表转换为Google的DataTable。 主要是因为它会给我固定的标题和排序。 多亏了,我成功地为DataTable创建了一个敲除绑定处理程序。 这对于只读数据非常有效

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

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

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

不要认为数据绑定可以与谷歌图表一起使用

即使这样,也看不到什么好处,因为您仍然需要手动加载数据表

因此,只需在加载数据表时提供所需的值,
类似于……
data.setCell(0,0,”)

其他想法

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


在表格图表中使用复选框输入将导致单击表格行时在表格行上触发
'select'
事件不要认为数据绑定在Google图表中起作用

即使这样,也看不到什么好处,因为您仍然需要手动加载数据表

因此,只需在加载数据表时提供所需的值,
类似于……
data.setCell(0,0,”)

其他想法

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


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

何时在KO中执行绑定?必须在一切就绪后进行。如果谷歌改变任何数据(分页等),你可能会遇到问题。如果没有帮助,请共享生成的html代码,以及ViewModel的示例。我已经更新了我的问题,并添加了更多的背景信息。我是否正确理解您,是否可能实现我的要求?这可能是可能的,但您需要确认执行顺序,例如,何时创建html、何时创建视图模型、何时绑定等等。请看一下关于在KO中执行绑定时创建最小完整且可验证的示例的内容?必须在一切就绪后进行。如果谷歌改变任何数据(分页等),你可能会遇到问题。如果没有帮助,请共享生成的html代码,以及ViewModel的示例。我已经更新了我的问题,并添加了更多的背景信息。我是否正确理解您,是否可能实现我想要的?可能,但您需要确认执行顺序,例如,何时创建html,何时创建视图模型,你什么时候绑定它等等。看看这个关于创建一个最小完整和可验证的示例,我没有使用分页,所以这没有问题。设置复选框和输入框的初始值没有问题。但我需要保存这些更改,目前我们使用可观察的。同时,改变输入框中的值也会改变另一个单元格的值,这也是一个可观察的值。如果我不能使用KO绑定,我不知道如何保持我们目前拥有的功能。我得到了一个关于绑定的KO错误,因此我假设KO是在数据表最终确定之前执行的。在绑定之前,您能等待表图表的
'ready'
事件吗?我没有使用分页,所以这没有问题。设置复选框和输入框的初始值没有问题。但我需要保存这些更改,目前我们使用可观察的。同时,改变输入框中的值也会改变另一个单元格的值,这也是一个可观察的值。如果我不能使用KO绑定,我不知道如何保持我们目前拥有的功能。我得到一个关于绑定的KO错误,所以我假设KO是在datatable最终确定之前执行的。在绑定之前,您能等待table图表的
'ready'
事件吗?
data.setCell(
    0, 0, "<input type='checkbox' data-bind=checked: order.inOrder />"
);
checkbox|Product name|amount|input box for stock|amount minus stock|price