1

这是我的第一个问题，可能很难理解。

调用$('#classes').trigger('footable_redraw');，它返回数据但隐藏表标题和数据行，但是当我使用$('#classes').trigger('footable_initialize');它的工作正常但重复数据。提交表单时调用 Ajax 方法。 

  $.ajax({
url : baseurl+'index.php/settings/classes/viewclasses',
success : function(data) {
$('.classestbody').append(data);
$('#classes').trigger('footable_redraw'); }
});

通过调用提交保存后，我如何才能仅在表中获取更新的数据？

4

2 回答 2

0

基本上你需要检查数据是否已经在表中。如果数据不在表中，则添加；如果它在表中，请不要。您需要某种方法来积极识别与数据匹配的行。如果 data 是一个数组，您需要遍历数组并检查每一行。

另一种选择是使用数据绑定框架。这将允许您将数据绑定到表，然后您只需从数据中添加/更新/删除行，框架会为您更新表（视图）。

我个人使用 Knockout.js。他们有一个非常好的教程：http ://learn.knockoutjs.com/ 。即使您最终没有使用 Knockout.js，我认为该教程也很酷，并且只需几个小时即可完成所有教程。

于 2014-07-24T15:16:17.903 回答
0

如果您在index.php/settings/classes/viewclasses上的脚本总是返回孔表，并且由于您说数据被重复，这似乎就是这种情况。

然后更容易删除所有行然后再次添加它们，只需添加$('.classestbody').empty(); $('.classestbody').append(data);之前 . 您的代码如下所示：

$.ajax({
    url : baseurl+'index.php/settings/classes/viewclasses',
    success : function(data) {
        $('.classestbody').empty();
        $('.classestbody').append(data);
        $('#classes').trigger('footable_redraw'); 
        }
});
于 2015-05-04T22:04:53.160 回答