替代的CRUD应用网格？

Question

所以，你被分配到建立一个基本的CRUD应用程序。它有这一个页面用于列出所有库存物品的......如果你的用户希望编辑其中任何一个，有“编辑”按钮旁边的每一个项目。

您知道该怎么做。

我最近任务是这样CRUD页的修改之一，它看起来比较难看。所以，我决定了它可以使用一些抛光。

但想这件事。我不知道什么是创建一个CRUD页面时使用网格可显示大量数据的好办法？

撇开AJAX /速度/安全/执行的担忧...

  

什么是一些很好的替代品在大CRUD页面使用网格？

我愿意牺牲一些可用性美学是否会无所谓。

Answer 1

有关的很多纪录显示相对较少的领域，有什么错像电网表格显示的，尤其是如果任务包括搜索或比较记录。这里的是的一些错误编辑按钮打开一个单独的窗口或页面进行编辑。这意味着用户必须了解两个窗口，以及如何在它们之间进行导航，这需要更长的时间来做到。

一个大的可用性的改进是编辑就地：而不是只读网格，具有的对于字段适当的控制的阵列（文本框，复选框，梳盒等）的网格内的（或代替网格的）。页面上的单个Save按钮保存所有记录的所有更改（或您自动发布更改为相应的事件）。

表格状布局（可能选项卡式）是替代，如果需要显示阄几个记录字段的表格布局。您可以提供分页控件（例如，一些看起来像一个记录控制），以允许记录中的用户页面。

如果你有大量的记录和大量的字段，则可以通过具有主细节组合结合起来的形状布局的平板状。在页的顶部的表显示的记录的关键字字段，而在页面显示“溢出”字段的底部的形式为表中的任何记录当前具有焦点。

另一种方法是以图形方式显示的记录。选取两个领域，并代表x和用于定位页面上的图标y坐标每个记录它们的值。如果任务包括搜索模式或相互关联的记录，这是好事。对于具有焦点的记录（图标）的附加字段可以被示出在表格状布局在页面的一个细节部分。

可以做的另一件事是内的表格或表格状布局图形表示的某些字段（例如，与图标，迷你棒图，阴影或颜色编码，等等）。这可以帮助用户搜索某些值的记录。它也能显示大量的数据的总体主旨在狭小的空间（例如，如迷你图）。

选择一个适合你的用户，任务和工作环境，最大限度地提高用户性能的布局。

Answer 2

，单击时用于编辑开辟了多个字段，或打开一个新的窗口或形式的列表（而不是网格）。通过这种方式，屏幕上不从一开始就数据过载，并且作为最重要的数据是可用的是非常有用的，只要

一个例子将是Gmail聊天联系人列表（截图此处）。

在某些应用中一个很不错的易用性的接触，有助于减少需要显示的信息是一个很好的搜索/过滤箱：您键入入禁区，列表将筛选匹配项