YUI3 自动完成

发布于 2024-08-21 20:30:52 字数 224 浏览 4 评论 0原文

我想我想从 Scriptaculous 切换到 YUI。因此，我想做的第一件事是在我的应用程序演示的首页上添加自动完成功能。我为此所做的每一次搜索都会向我推荐 YUI2 示例和说明。它们使用 YAHOO 对象而不是 YUI 对象，我只是不相信这是正确的方法。

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

谢谢，戴夫

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

与之呼应 2024-08-28 20:30:52

官方 YUI 3 AutoComplete 小部件在 YUI 3.3.0 中发布：http://developer.yahoo。 com/yui/3/自动完成/

回复收藏 0 原文

十六岁半 2024-08-28 20:30:52

YUI 3 中的自动完成功能已完成一些初步工作。由于资源问题，它暂时移至库中，以便实现者可以访问它，直到它完全充实、记录并为正式发布编写示例。

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

回复收藏 0 原文

揽清风入怀 2024-08-28 20:30:52

许多小部件尚未从 2.x 移植到 3.x。如果您确实反对使用 YUI 2.x，您可能可以自己移植该小部件； YUI 在 GitHub 上。

回复收藏 0 原文

〆一缕阳光ご 2024-08-28 20:30:52

这是实现 YUI3 AutoComplete 的示例（使用额外的针对 XHR 和 JSONP 风格实现 GAE 自动完成服务网址）。

回复收藏 0 原文

小嗷兮 2024-08-28 20:30:52

这是一个来自 Apache Roller 的示例，使用 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）进行自动完成。完成后，然后专注于使数据源正常运行并正确进行自动完成从它而不是数组中读取。

Here's an example from Apache Roller using Y.DataSource.IO to retrieve data using JSON (I also include a testing line "ds2" using a local array, that I've since removed from the code.) As I understand, Y.DataSource.Get should be used instead if you're using JSONP.

This autocomplete is for the "tags" field that people use to type in 0 or more tags (topics) for a blog entry. It queries previously used tags for other blog entries as suggestions for the user, based on the user input (as the user types in more letters "b..a... etc., fewer items appear.) If helpful for understanding the sample, here's a sample of the JSON returned:

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

My recommendation is to first get the autocomplete working with a local hardcoded array as the source (my ds2 in the example above.) Once done, then focus on getting the datasource operative and having the autocomplete correctly read from it instead of the array.

回复收藏 0 原文

~没有更多了~