php - 针对这种情况的 UI 设计挑战

Question

屏幕截图模型: http://tinypic.com/r/y2qex/5

问题:我有一个有 53 列的表格；一个代表一年中的每一周，再加上一个包含用户名。它的行数在 10 到 80 之间，具体取决于每个区域的用户数量。

用户每周需要设置一个“标志”，例如年假、培训等。

我当前有一个表格，每个单元格中都有一个选择框。问题是这适用于 5 行，但一旦我开始获取 20 多行，浏览器将无法打开页面，因为选择框太多了。

无论选择什么新选择都必须能够查询，这样我就可以将它们保存在我的数据库中。

我所追求的是一些关于如何更好地解决这个问题的通用想法(即不是特定的代码)。一旦我有了一个好主意，我就会开始研究确切的编码。

到目前为止我的想法:- 使所有单元格仅包含当前选择的文本，然后每个用户旁边有一个“编辑”选项，该选项将其行打开为可编辑的模式窗口- 使所有单元格都有“onClick”事件，导致点击时生成下拉列表

但我很想听听其他人如何处理/解决这个问题？

Answer 1

如果许多选择框的选项相同，您可以考虑对所有选择框使用一个数据列表，这会提高性能，而且我猜允许您每页有更多选项。不幸的是，这是 HTML 5 功能，因此它不会向后兼容所有浏览器。

http://www.w3schools.com/html5/tag_datalist.asp

除此之外，如果表格超过一定数量的列，您可以考虑对表格进行分页。或者像 tumbr 那样，如果更多的列滚动到右侧足够远，则通过 ajax 加载更多列。你的想法也应该可行。