html - 替代大量项目列表的可行选择框替代方案?

标签 html ajax interface

我想知道在存在非常大的数据列表(1000 多个)的情况下是否有任何可行的界面替代方案来使用选择框。

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

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

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

无论如何我都不害怕 Ajax,只是在我的 Google 搜索和优秀界面设计知识不足的地方寻找其他选择。

谢谢大家!

最佳答案

您能否将显示的订单号列表过滤为那些尚未完全履行的订单?这是否足以显着减少订单数量?


编辑
根据评论,我会尝试以下操作之一:

1- 添加另一个初步下拉列表来过滤订单。也许是销售代表姓名或产品要运往的州。根据框中的选择,我将通过 Ajax-y 获取相关订单。

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

关于html - 替代大量项目列表的可行选择框替代方案?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2202739/

相关文章:

html - 使背景图像响应

javascript - 尝试让 javascript 变量在 HT 的句子中显示

javascript - 如何对齐html?

javascript - AJAX 调用中的变量范围

Java 泛型接口(interface)转换

javascript - 如何一一重复显示两个div

javascript - 如果另一个 div 仅使用 javascript 为空,如何将 innerHTML 添加到 div

javascript - Rails 在旧形式而不是模态上显示错误

java迭代器无法应用于for_each

android - 在Splashscreen Activity里面我实现了接口(interface)。 Kotlin中如何将接口(interface)数据发送到多个Activity?