使用 DOJO 自动完成文本框

Question

我正在寻找一种使用 DOJO 进行文本框自动建议的简单方法。我要查询的数据库表（使用 PHP 脚本，以 JSON 形式返回）有超过 100,000 条记录，因此这确实不应该采用 FilteringSelect 或 ComboBox 的形式，因为我显然不希望用户单击向下箭头返回整个数据集。

其他库（如 JQuery 和 YUI）使其变得非常简单，但这个特别的项目是基于 DOJO 的，我不愿意引入另一个 JS 类。

Answer 1

它正在工作！

即使我正在查询 100,000 条记录。返回速度低于30ms。我什至将数据库大小增加到 500,000 条记录，并且自动建议速度非常可以接受（仍然低于 120 毫秒）。我确信通过在 PHP 端进行一些缓存我可以做得更好。

我最终使用了QueryReadStore和FilteringSelect。 JsonRestStore 可能会起作用，但我从 dojo 站点找到了一个简单的工作示例并从中构建。

下面是针对非常大的数据集的自动建议文本框的工作 DOJO 代码 - 简短而甜蜜：

            var vendorStore = new dojox.data.QueryReadStore({
                url: "../vms/htdocs/ajax/search.php"
            });

            var vendorSelect = new dijit.form.FilteringSelect({
                name: "vendorSelection",
                store: vendorStore,
                autoComplete: false,
                required: true,
                labelType: "text",
                placeHolder: "Search vendors",
                pageSize: 20,
                hasDownArrow: false,
                style: "width: 175px;",
                searchAttr: "company_name",
                id: "vendorSelect"
            },
            "vendorSelection");

            vendorSelect.startup();

当然，坚持 页面正文中的某处。效果很好。

再次感谢！

Answer 2

我不熟悉 jQuery 或 YUI 是如何做到这一点的，但是 Dojo 中的 ComboBox 和 FilteringSelect 有一个 pageSize 属性，可用于限制一次从商店请求的项目数量。您将在下拉列表中看到不超过该数量的项目，并附有“更多选择”和“先前选择”选项，用于翻阅其他选项（如果适用）。

将其与每次获取时查询服务器的数据存储（例如 dojox.data.QueryReadStore 或 dojox.data.JsonRestStore）放在一起，而不是预先获取所有内容的存储（例如 dojo.data.ItemFileReadStore），然后您应该能够做你想做的事。

Answer 3

也许您可以让查询返回前 X 行。每次新的点击，返回 X 个新行，跳过 X。