如何使用yui實現自動完成

Question

作為YUI的全新內容，我沒有任何線索。我剛剛通過此鏈接使用YUI實現自動完成功能http://developer.yahoo.com/yui/autocomplete/ 。

根據我的要求，我需要為數據源對象動態分配一個字符串數組，而不是var dsLocalArray = new YAHOO.util.LocalDataSource（[“ apples”，“ broccoli”，“ cherry”]）; 就像是

var dsLocalArray = new YAHOO.util.LocalDataSource（documentList []）;

我的documentList是String Array，我該怎么辦？感謝您的幫助。

Answer 1

我建議您使用YUI3而不是YUI2，您所展示的示例使用的是YAH2命名空間YAHOO。

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']
  });
});

嘗試查看上面docs鏈接中右下側面板中的示例。