jQuery DataTables:如何将当前页面更改为插入行的页面?

发布于 2024-10-22 01:58:57 字数 474 浏览 2 评论 0原文

我正在尝试制作一个带有使用 DataTables 插件增强的表格的页面,用户可以在其中通过单独的表单添加新行。

使用 API,这相对简单:

$('#table').dataTable().fnAddData( [
数据.内容.注释,
数据.内容.日期,
数据.内容.名称,
amount.toFixed(2),
删除按钮
]);

但是,如果表已排序并且启用了分页,则插入的行最终可能会出现在当前所选页面以外的页面中。这有点痛苦,因为即使在“添加”按钮附近有正确的成功消息,我仍然认为用户会感到困惑。

所以我的解决方案是:添加一个新行,然后将当前页面更改为已插入该行的页面,然后简要突出显示该行。

关于如何找出该行已插入到哪一页的任何想法? :)

谢谢, 亚历克斯

I am trying to make a page with a table enhanced with the DataTables plugin, where a user can add new rows via a separate form.

Using the API, this was relatively simple to do:


$('#table').dataTable().fnAddData( [
data.content.notes,
data.content.date,
data.content.name,
amount.toFixed(2),
deleteButton
]);

However, if the table is sorted and pagination is enabled, then the inserted row might end up in a page other than the currently selected one. Which is a bit of a pain, because even with a proper success message near the 'add' button, I still think that the users will get confused.

So my solution to this is: add a new row, then change the current page to the page where the row has been inserted, then briefly highlight the row.

Any ideas on how to find out on what page the row has been inserted? :)

Thanks,
Alex

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

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

发布评论

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

评论(1

清秋悲枫 2024-10-29 01:58:57

您为什么不尝试 插件 API 页面上的 fnAddDataAndDisplay() 插件呢?

向表格添加新行,并通过将分页跳转到所需位置来将其显示在屏幕上。此函数还返回一个带有添加的 TR 元素的对象及其在 aoData 中的索引,以便您可以提供效果(例如淡入淡出)来显示已添加哪一行。

\编辑 - 其他人在 他们的论坛

~Cyrix

Why don't you try the fnAddDataAndDisplay() plugin on the plugin API page?

Add a new row to the table and display it on the screen by jumping the pagination to the required location. This function also returns an object with the added TR element and it's index in aoData such that you could provide an effect (fade for example) to show which row has been added.

\Edit - somebody else asked exactly the same question on their forums

~Cyrix

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