将 dojo.xhrPost 中的数据源绑定到文本框以进行自动完成

Question

我继承了一个使用 Dojo 1.5 和模板工具包的 Web 应用程序。我很喜欢学习道场，但速度很慢。

最初，当打开我们的网络表单时，我们会在页面的右侧有一个文件列表，如下所示......

AAA_text
BBB_text_1
BBB_text_2
CCC_text
....
....

在左侧，我们有一个搜索框，询问要使用的文件子集。通常我们只需输入“AAA”，然后按下框下方的“搜索”键后，右侧的 div 就会找到匹配的文件并显示它们。

我们要做的是消除“搜索框”，并在键入“AAA”（或“BBB”或“CCC”， ETC）。

我想简而言之，这相当于在搜索框中键入每个键后按下“搜索”按钮。

这听起来是一个现实的目标，甚至是可能的吗？代码本身使用了大量的 Template Tookit，所以我不打算进行任何重大重写。

如果我没有说清楚，请告诉我。为了清楚起见，我可以详细说明。非常非常感谢！珍妮

编辑：好吧，到目前为止我已经解决了很多问题，事实证明，由于其中许多事情都有做的倾向，所以我真正需要的是得到清楚如何使自动完成工作。这就是说，我的文本框有一个数据源，但不太确定如何将其绑定到文本框。我有一个 dojo.xhrPost 例程可以处理获取值。

它看起来像这样......

 dijit.byId('files_matching').getValue(),

谷歌搜索道场自动完成示例给了我无数的链接，但没有一个被证明是有帮助的。所以我想我的问题已经转变为......
1.您甚至可以在纯文本框中使用自动完成功能吗（我见过链接说您只能在组合框中使用它）
2. 是否有一个链接详细描述/显示了如何使用 dojo.xhrPost 将 dojo 文本框绑定到数据源。
我已经很接近解决这个问题了，但我面前似乎仍然有一个巨大的鸿沟。

Answer 1

如果没有看到您的代码，很难确定，但如果您还没有代码，我建议您创建一个 ItemFileReadStore 或类似的东西来开始。这样，您就可以在客户端本地查询该存储，而无需在每次击键后收到服务器请求。

它可能看起来像这样：

var file_store = new dojo.data.ItemFileReadStore({ data: {
  items: [{ name:"AAA_text" },
          { name:"AAA_text_1" },
          { name:"BBB_text_2" }]
}});

当你准备好之后，你可以从文本输入的 onChange 事件中调用一个函数：

<input type="text" onchange="query_store(this.value);" />

然后你可以处理从 onchange 事件调用的函数中的实际查询：

var query_store = function(search_for) {

  var my_query = { name: search_for+"*" }; // * for wildcard match

  completed = function(items, result){
    for(var i = 0; i < items.length; i++){
      var value = file_store.getValue(items[i], "name");
      alert(value); // Instead of alert, you can save the values to your div.
    }
  };

  file_store.fetch({ query: my_query, onComplete: completed });
}

关于此的很多好信息可以是找到这里

希望这至少有一点帮助。