Question

我正在使用YUI 3.3.0和AutoComplete小部件。我对YUI完全不熟悉。这就是事情。我有AutoComplete工作。

如何捕获AutoComplete触发的事件？该文档指出当用户从列表中选择项目时会触发select事件。我想在该事件中附加一个函数。我该怎么做？

Answer 1

以下是插件方法的示例http://tivac.com/yui3/so/skladjfyhafjk_autocomplete.htm

当您首次将自动填充插入输入时，只需将事件处理程序作为配置的一部分传递。

Y.one("#ac").plug(Y.Plugin.AutoComplete, {
    resultHighlighter: 'phraseMatch',
    source: ['foo', 'bar', 'baz'],
    on : {
        select : function(e) {
            console.log(arguments); //TODO: REMOVE DEBUGGING
        }
    }
});

您也可以在使用它附加到的命名空间（“ac”）插入元素后进行订阅。

Y.one("#ac").ac.on("select", function() {
    console.log("post-plugin event subscription"); //TODO: REMOVE DEBUGGING
});

如果您将它作为一个类使用，它就像这样。

var ac = new Y.AutoComplete({
    inputNode: '#ac',
    source: ['foo', 'bar', 'baz']
});

ac.on("select", function() {
    console.log("Class event subscription"); //TODO: REMOVE DEBUGGING
});

YUI AutoComplete事件，如何？

1 个答案: