使用KnockoutJS的JQuery DataTables

时间:2013-06-17 22:43:19

标签: javascript jquery mvvm knockout.js datatables

我的C#MVC应用程序中有两个JQuery数据表,目前处于部分状态。我设置它,以便如果我从任一数据表中选择我可以选择一行然后如果我点击另一个按钮它应该将该行传输到另一个表。目前我可以做好选择,我可以在后端转移就好了。我的viewmodel在Knockout中设置,用于设置我的JQuery DataTable(处理样式,排序等)的数据绑定。当我转移时,我在用户点击授权按钮之前将一行加载到一个临时数组中,然后它从可观察数组中删除该条目,该条目绑定到一个表并将该条目添加到其他表中作为数据的可观察数组绑定该表。问题是,当从支持它的可观察阵列中删除行时,我没有从我的JQuery数据表中删除行,并且当它们被添加到支持它的可观察阵列时,它们不会被添加到其他数据表中。然而,第二个表确实添加了新行,但它们都只是说“表中没有数据”,我认为我需要删除表,然后使用可观察数组中的数据刷新它。

有没有人知道如何使用Knockout和JQuery DataTables做到这一点?

谢谢!

1 个答案:

答案 0 :(得分:2)

我遇到了同样的问题。 详细地说,我从休息服务获得一个json用户列表,将项目存储到observablearray,创建一个表,并在附加datatables插件之后。 问题是当我在observablearray中添加一个项目时,我会看到新行,但是搜索返回0行,以及从observablearray中删除一个项目,因为没有受影响的行。 这是因为数据表不会更新其结构。 不幸的是由于交付问题,我使用了这种解决方法:我销毁并重新创建数据表。 对于大型桌子来说,这不是最干净,最好的解决方案。