可行的选择框替代品替换巨大的物品清单?

时间:2010-02-04 19:59:09

标签: html ajax interface

我想知道是否有任何可行的接口选择使用选择框,其中存在非常大的数据列表(1000 +)。

例如,在我的应用程序中,我有一个表单,显示单个库存项目的详细信息(这是一个非常基本的库存管理应用程序)。当库存发货时,仓库员工需要将产品标记为“Out”并选择要运出的订单#。

对于最后一位,此订单#select刚刚是系统中现有订单号的下拉(1,2,3,...等)。现在订单数量越来越大(现在超过1k),显然这会使页面变得更大(从生成<option>标签的大型HTML列表)。

对于使用这类数据的选择框,是否有任何好的(创意?)替代方案?我考虑使用Ajax类型的建议框,但对于只是输入几位数字的人来说这似乎有点奇怪。我还想在接口端避免尽可能多的数据完整性检查 - 如果它不在<select>下拉列表中,则很难输入/选择不存在的订单号。 / p>

我不会害怕Ajax,只是寻找其他选项,我的谷歌搜索和良好的界面设计知识不足。

谢谢大家!

2 个答案:

答案 0 :(得分:1)

您是否可以将显示的订单号列表过滤到那些尚未完全履行的订单?这会大大减少订单数量吗?


修改
根据评论,我会尝试以下其中一项:

1-添加另一个初步下拉菜单以过滤订单。可能是销售代表名称或产品运往的状态。根据框中的选择,我得到Ajax-y获得相关订单。

2-如果#1不起作用,我会添加一个按钮来弹出包含订单号的Div叠加层。我会在按钮点击时获得订单号Ajax-y,然后在选择订单后将其丢弃。

答案 1 :(得分:1)

我强烈建议使用Scriptaculous Auto-Completer小部件(http://wiki.github.com/madrobby/scriptaculous/ajax-autocompleter)。

它确实简化了AJAX实现,并允许您使用服务器端处理语言(php / jsp)在向用户显示之前确定用户最佳匹配数据集的重要工作。

我只是为了保持简单,一个半智能的建议列表,对于大多数人来说,谷歌搜索框非常直观。

对于一个非常漂亮的转折,您可以在订单完成表单的先前数据输入上执行AJAX,以进一步修剪在用户甚至开始输入订单#框之前输入的可能订单号集(假设数据可用于您的后端处理器,从上面的注释看起来是可行的。)