it-swarm.cn

更新分页列表中所有条目的最佳方法?

我有一个在页面上分页的列表。它还具有选择每页条目数的功能。需要对所有内容进行批量更新。

最好的方法是什么?我担心的是,用户会怀疑我们是引用当前页面还是整个列表。带有详细信息的确认窗口或详细说明信息的信息窗口是否足够?

现在看起来是这样的:

enter image description here

29
Dan Ovidiu Boncut

允许用户查看选择了多少数据,并为他们提供选择分页之外的整个数据集的选项。

Gmail具有这种模式。通过复选框选择“全部”后,将显示一条消息,指出:

  • 当前选择了多少
  • 链接有整个数据集的编号,以及选择整个数据集的能力

enter image description here

enter image description here

41
Mike M

在其他页面控件所在的底部添加一个按钮。

enter image description here

另外,如果用户经常进行大规模更改,请考虑为其制作单独的工具。

13
moot

Gmail的建议很好,但我还要指出Laravel Nova)(我敢肯定还有很多其他UI))是如何做到的。

Nova在页面顶部显示“标准”多选复选框,但是单击它会下拉两个复选框。一个选择页面上的所有内容,另一个选择所有与查询匹配的内容。它还显示了您选择时将选择多少个项目。

措词可能会更好(例如,“在页面上全选/全选”),并且单击复选框并没有立即进行检查会造成一些混乱,但这会迫使您对要选择的内容做出有意识的选择。

Laravel Nova Select All UI

Gmail的处理方式很棒,但是您做出选择后会收到未选择所有内容的通知,我个人更希望知道自己选择的内容。

附带说明一下,如果您想使用Gmail的处理方式,我建议使通知以合适的颜色(例如黄色)显示,然后快速淡出该黄色以向用户提供直观提示他们应该注意的信息已经出现。以下是Google Chrome浏览器的开发工具如何显示DOM中的元素已更改的方法:

Chrome's devtools flash

3
Grayda