jQuery jTable被ajax闪烁

Question

当我使用ajax将数据绑定到jquery-jTable时，表会按计时器的周期闪烁。

我使用了jquery.timer.js和jquery.jtable.js

这是我的javascript代码。

---

function dispAlarmTable(){
    var d = new Date();
    $("#alarmTableContainer").jtable({
        ajaxSettings: {
            type: 'POST',
            dataType: 'json'
        },
        actions:{
            listAction: 'http://localhost/alarm.php?t=' + d.getTime()
        },
        fields:{
            vmax:{title:'vmax'},
            imax:{title:'imax'},
            time:{title:'time'}
        }
    });
    $("#alarmTableContainer").jtable('load');
}
var timer = $.timer(function(){ dispAlarmTable(); }, 1000, true);

---

如何避免闪烁（白页和表格，白页和表格... 1秒钟？）

Answer 1

你每秒都在重新创建这张桌子。

这涉及清除元素的先前内容，重新初始化基本结构，然后在重新填充之前等待服务器依赖。

这也会重置任何用户更改，例如排序。

相反，您应该更新现有表格实例中的数据 reload function执行此操作。