JS库实时显示表格

发布于 2024-11-05 19:40:00 字数 437 浏览 2 评论 0原文

现在我熟悉 JSON 和 jQuery 我正在寻找一个库来执行此操作:

实时更新我的​​表(使用 JSON(每 x 秒调用一次))并且仅删除或隐藏已删除的行或插入新行,但我需要以特殊方式显示新行:

让我解释一下:

Json request 1 send:
1;番茄2;苹果3;沙拉4;胡萝卜

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

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

是否有任何现有库可以执行此操作?

我是用 PHP 来做的,但我希望用 JS 来写这一切。

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

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

Now I'm familiar with JSON and jQuery I'm looking for a library which do this:

Update in real time my table (with the JSON (call every x seconds)) and only delete or hide the rows wich are deleted or insert the new rows, but i need to display the new rows in a special way:

Let me explain:

Json request 1 send:
1;Tomato 2;Apple 3;Salad 4;Carot

Json request 2 send:
1;Tomato 3;Salad 4;Carot 5;Potatoes

I would like the second row disapear with a effect (fadeOut) and the rows below move Up. For the row 5, i just want a new row appears with a fade in.

Is there any library existing doing this?

I'm doing it in PHP, but i hope to write all this in JS.

The user could just look the table and see the new rows appearing and the old rows deleting.

Any ideas or am I supposed to write it from scratch?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

夜无邪 2024-11-12 19:40:00

您可以使用很棒的 jqGrid 插件

要进行自动刷新,您应该这样做:

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

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

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

You could use the awesome jqGrid plugin.

To do the autorefresh, you should do this:

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

To change which params to send, use the plugin method .setPostData()

Hope this helps. Cheers.

宣告ˉ结束 2024-11-12 19:40:00

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

附言。特别建议您查看 ExtJS 网格...这是使表格看起来漂亮的另一种方法。如果 mysql 在后台也发生变化,你需要 extjs 的一件事 - 计时器来更新它。

Your can write this in pure jquery. Just load table every time, with .post() as example. Fade in/out - is also not a big problem, just append html (div/row) and them show() with effect of vertical slide. Maybe with opacity change.

PS. Specially suggest your look inside ExtJS grids ... this is another way make table appear nicely. One thing your need to extjs - timer, to update it, if mysql is changing in background also.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文