YUI自动完成：当选择输入时，如何让它扩展？

Question

我有一个YUI AutoComplete控件，效果很好。除非我希望在用户选择输入框后立即扩展建议列表。我该如何做到这一点？

现在，只有当用户点击框中的某个键时才会进行扩展。

Answer 1

您可以使用textboxFocusEvent发送输入内容的查询，这将打开结果窗格。我尝试使用expandContainer但没有成功，但不确定是否会有效。

工作示例：http://tivac.com/yui2/autocomplete_jamesmoore.htm

Answer 2

Tivac有正确的想法 - 使用textboxFocusEvent发送一个空查询，返回结果以填充容器。查看此示例以获取一些示例代码：http://developer.yahoo.com/yui/examples/autocomplete/ac_combobox.html

Answer 3

使用 YUI 3 ：

时可以使用

Y.one('#id').plug(Y.Plugin.AutoComplete, {source:['item1','item2','item3','etc']})
            .on('focus', function(){this.ac.fire('query')});

在附加输入（id）的焦点上，触发query事件以填充“菜单”并显示它。