YUI3自动完成：选择事件后如何获取价值

Question

我正在实现使用YUI3从Yahoo Finance API获取股票信息的应用程序。 我已经完成了自动完成列表，但是在用户单击鼠标或在列表上按Enter键后，如何获取值面临一个问题。

这是我的代码。 问题是mynode.after（...）给出了一个错误，但我不知道为什么以及如何解决它。 任何帮助，将不胜感激。 谢谢。

   YUI().use('autocomplete', function (Y){
    mynode = Y.one('#comsymbol');
    mynode.plug(Y.Plugin.AutoComplete, {
        activateFirstItem: true,
        enableCache: false,
        source: function(query, callback) {
            $.ajax({
                dataType: "jsonp",
                cache: true,
                type: "GET",
                jsonp: "callback",
                jsonpCallback: "YAHOO.Finance.SymbolSuggest.ssCallback",
                data: {query:query},
                url: "http://autoc.finance.yahoo.com/autoc",
            });

            YAHOO.Finance.SymbolSuggest.ssCallback = function(data) {
                var result = data.ResultSet.Result;
                var lists = new Array();
                for( var i = 0; i < result.length; i++ ) {
                    var sb = result[i].symbol;
                    var nm = result[i].name;
                    var xch = result[i].exch;
                    var all = sb + ", " + nm + " (" + xch + ")";
                    lists[i] = all;
                }
                callback( lists );
            };
        },
        }

        mynode.after('select', function (e) {
            getStockInfo();
        });

    });

});

Answer 1

您必须将事件侦听器附加到AutoComplete实例而不是Node 。 可以通过Node的ac成员访问AutoComplete实例，从那里您可以像以前一样简单地附加事件回调：

mynode.ac.after('select', function (e) {
    getStockInfo();
});

有关更多详细信息，请参见YUI自动完成教程 （专门作为“插件”部分）。