2010-02-16 46 views
0

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

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

谢谢,戴夫

回答

1

很多部件都没有从2.X移植到尚未3.x中。如果你真的反对使用YUI 2.x,你可能会自己移植widget; YUI是on GitHub

2

一些初始工作是在YUI 3的AutoComplete上完成的。由于资源问题,它暂时移到了Gallery中,因此实施者可以访问它,直到完全充实,记录并编写了用于正式发布。

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

+0

感谢。作为YUI应该是它看起来并不几乎抛光。YUI3应该自动加载任何需要的模块,并且第一件事这一个确实是manu盟友加载非常具体的模块。 基本上,如果这是他们迄今为止最好的,我可能会继续Scriptaculous的一段时间,因为我已经有工作。谢谢(你的)信息。 – 2010-02-16 06:37:52

0

Here's an example来自Apache Roller使用Y.DataSource.IO使用JSON检索数据(我还包含一个使用本地数组的测试行“ds2”,因为我已经从代码中删除了)。据我所知,Y如果您使用的是JSONP,则应该使用.DataSource.Get。

这是自动完成的,人们使用的0个或多个标签(主题)博客条目键入“标签”字段中。它根据用户输入查询以前用于其他博客条目的已使用标签作为用户建议(当用户键入更多字母“b..a ...等等,出现更少的项目时)。如果有助于理解示例,这里的返回的JSON的示例:

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

我的建议是先获取自动完成与当地的硬编码阵列作为源工作一旦完成,则专注于获得了(我的例子DS2以上。)数据源工作,并具有自动完成从它代替阵列正确读取。