user-interface - 过滤时添加/编辑 UI 表数据的最佳实践

Question

有谁知道在过滤数据时是否有在 UI 表中编辑/添加数据的最佳实践？

示例 1:

假设我们有一个有两个选项的表:添加新记录和编辑选定的记录。此外，该表还有一个选项可以过滤 A 列上的数据。

现在，如果通过使用值 '1' 过滤 A 列来过滤表，并且我想在 A 列中添加一个值符合过滤要求的新记录，应该会发生什么:

该表应刷新并显示带有所选新添加记录的过滤记录。

该表应重置过滤器并显示所有记录或新选择的记录。

该表不应执行任何操作并按原样显示过滤记录。过滤器重置时将显示新添加的记录。

对我来说，直觉上最好的解决方案是 1。但是如何解决示例 2 中的问题:

示例 2:

如果通过过滤值为“1”的 A 列来过滤表，并且我想添加一个新记录，该记录在 A 列中的值为“2”，应该会发生什么:

该表应显示带有所选新添加记录的过滤记录，尽管它与过滤器不匹配。

该表应重置过滤器，并应显示所有记录并选择新记录。

该表不应执行任何操作并按原样显示过滤记录。

同样的故事是当我们过滤了记录，并且在选定的记录中我们想要编辑过滤发生的值。编辑过的记录应该消失还是应该重置过滤器？

或者最好的方法是在过滤器打开时禁用添加/编辑操作？

Answer 1

我不知道是否有任何关于它的最佳实践，但我之前也遇到过这个问题。我想出了两种不同的解决方案:

在下次应用过滤器或重置过滤器之前，不应过滤编辑/插入的记录。该记录还应显示为不同于其他记录(即更深的背景颜色、或图标或工具提示)，暗示它已被编辑且未被过滤。

记录在编辑或插入后应保持焦点。一旦它失去焦点，就应该对其应用过滤器。理想的解决方案是，如果记录被过滤掉，它不应该立即消失。例如，它可能会随着动画变得不可见。