YUI3自动完成

Question

我想我想从Scriptaculous切换到YUI。所以，我要做的第一件事是我的应用程序演示的首页上的自动完成功能。我为此做的每一次搜索，都是指YUI2的例子和说明。这些使用YAHOO对象而不是YUI对象，我只是不相信这是正确的方法。

如果我已经熟悉2.x，那可能不会太难，但我来自一组不同的库。有没有人有如何使用YUI 3实现自动完成功能的说明？任何帮助将不胜感激。

谢谢，戴夫

Answer 1

官方YUI 3 AutoComplete小部件在YUI 3.3.0中发布：http://developer.yahoo.com/yui/3/autocomplete/

Answer 2

在YUI 3中对AutoComplete进行了一些初步工作。由于资源问题，它暂时被移到了Gallery中，因此实现者可以访问它，直到它完全充实，记录并为官方编写示例释放。

http://yuilibrary.com/gallery/show/autocomplete

Answer 3

许多小部件尚未从2.x移植到3.x.如果你真的反对使用YUI 2.x，你可以自己移植小部件; YUI是on GitHub。

Answer 4

这是example of implementing YUI3 AutoComplete（奖励implementation of GAE autocomplete services for both XHR and JSONP style URLs）。

Answer 5

来自Apache Roller的

Here's an example使用Y.DataSource.IO来使用JSON检索数据（我还使用本地数组包含测试行“ds2”，我已经从代码中删除了。）当我理解，如果您使用的是JSONP，则应使用Y.DataSource.Get。

此自动填充功能适用于人们用来为博客条目输入0个或多个标签（主题）的“标签”字段。它根据用户输入查询以前用于其他博客条目的标签作为用户的建议（当用户输入更多字母“b..a ...等，出现更少的项目时）。如果有助于理解样本，这是返回的JSON示例：

{ "prefix": "ba",
  "weblog": "gmazza",
  "tagcounts": [
   { "tag" : "bahamas", "count" : 1 }, 
   { "tag" : "baltimore", "count" : 3 }, 
   { "tag" : "baseball", "count" : 3 }]
}

我的建议是首先使用本地硬编码数组作为源（我上面的示例中的ds2）使用自动完成。一旦完成，然后专注于使数据源可操作并正确读取自动完成，而不是阵列。