在网络上选择多个项目

时间:2011-02-05 10:17:26

标签: design-patterns select

我需要一些设计问题的想法,我需要用户完成一项任务,包括选择一个或多个教师,然后提交一个或多个学生。可能的学生名单通常不到20,但可能高达100。任何想法我应该怎么做?我正在考虑一大堆复选框,但如果有100名学生,这可能会有问题,需要很长时间才能找到所需的学生,而且会占用很多空间。

3 个答案:

答案 0 :(得分:2)

从大型列表中选择N个条目的最佳解决方案是以下GUI小部件:

  • 可从
  • 中选择的项目列表
  • 上方的搜索字段,用于过滤列表内容
  • 显示当前所选项目的第二个列表(“从列表中删除”按钮)

以下是前两个项目的外观的一个很好的例子: http://kilianvalkhof.com/uploads/listfilter/

该示例的机制是:http://kilianvalkhof.com/2010/javascript/how-to-build-a-fast-simple-list-filter-with-jquery/

另一个例子(看起来不那么漂亮,但在某些方面仍然是一个好的设计)是http://www.barelyfitz.com/projects/filterlist/index.php/all

答案 1 :(得分:0)

您可以使用具有多重属性的选择列表吗?

<select multiple="multiple">
    <option value="...">...</option>
</select>

答案 2 :(得分:0)

你不喜欢一堆复选框,但不是全部在1列,而是在表格中。我的意思是,例如4-5列复选框。它不会那么大