JS库实时显示表格答案

【问题标题】：JS Library to display table in realtimeJS库实时显示表格
【发布时间】：2011-08-20 19:02:55
【问题描述】：

现在我熟悉 JSON 和 jQuery，我正在寻找一个可以执行此操作的库：

实时更新我的表（使用 JSON（每 x 秒调用一次））并且只删除或隐藏被删除的行或插入新行，但我需要以特殊方式显示新行：

让我解释一下：

Json 请求 1 发送：
1；番茄 2；苹果 3；沙拉 4；胡萝卜

Json 请求 2 发送：
1；番茄 3；沙拉 4；胡萝卜 5；土豆

我希望第二行消失并带有效果（淡出），并且下面的行向上移动。对于第 5 行，我只希望出现一个淡入的新行。

目前有没有这样做的图书馆？

我是用 PHP 做的，但我希望用 JS 来写。

用户只需查看表格即可看到新行的出现和旧行的删除。

有什么想法或者我应该从头开始写吗？

【问题讨论】：

【解决方案1】：

你可以使用很棒的jqGrid plugin。

要进行自动刷新，您应该这样做：

setInterval(function(){
  $("#grid1").trigger("reloadGrid");
}, 10000);

要更改要发送的参数，请使用插件方法.setPostData()

希望这会有所帮助。干杯。

【讨论】：

【解决方案2】：

你可以用纯 jquery 写这个。每次只需加载表格，以 .post() 为例。淡入/淡出 - 也不是什么大问题，只需附加 html (div/row) 和它们的 show() 效果就可以垂直滑动。也许随着不透明度的变化。

PS。特别建议您在 ExtJS 网格中查看...这是使表格看起来很好的另一种方式。如果 mysql 在后台也发生变化，您需要 extjs - timer 来更新它。

【讨论】：