jquery footable $('#classes').trigger('footable_redraw')；返回隐藏表

Question

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

调用$('#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'); }
});

调用submitting saving保存任何值后，如何才能将更新后的数据放到表中？

Answer 1

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

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

我个人使用Knockout.js。他们有一个非常好的教程：http://learn.knockoutjs.com/。即使你最终没有使用Knockout.js，我认为这个教程也很酷，你只需要几个小时就可以把它们全部读完。

Answer 2

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

然后，删除所有行比重新添加所有行更容易，只需在$('.classestbody').append(data)；之前添加$('.classestbody').empty()；。您的代码将如下所示：

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