如何使用yui实现自动完成

时间:2012-06-04 12:05:56

标签: yui yui3 yui2 yui-autocomplete

由于我对YUI完全不熟悉我没有任何线索。我刚刚通过此链接使用YUI http://developer.yahoo.com/yui/autocomplete/实现自动完成。

根据我的要求,我需要动态地将字符串数组分配给数据源对象而不是 var dsLocalArray = new YAHOO.util.LocalDataSource([“apples”,“broccoli”,“cherries”]);

之类的东西

var dsLocalArray = new YAHOO.util.LocalDataSource(documentList []);

我的documentList是String Array。我该怎么做?提前感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

我建议你使用YUI3而不是YUI2,你要显示的例子是YAHOO命名空间,它是YUI2。

YUI3更简单,更好,你可以在这里获取文档: http://yuilibrary.com/yui/docs/autocomplete/

使用YUI3实现的示例包括突出显示功能:

YUI().use('autocomplete', 'autocomplete-filters', 'autocomplete-highlighters', function (Y) {
  Y.one('#ac-input').plug(Y.Plugin.AutoComplete, {
    resultFilters    : 'phraseMatch',
    resultHighlighter: 'phraseMatch',
    source           : ['Alabama','Alaska','Arizona','Arkansas','California']
  });
});

尝试进入上述文档链接右侧底部面板中的示例。