Sự kiện Tự động hoàn thành YUI, cách thực hiện?

Question

Tôi đang sử dụng YUI 3.3.0 và tiện ích AutoComplete. Tôi hoàn toàn mới với YUI. Vấn đề là như thế này. Tôi có AutoComplete làm việc.

Làm cách nào để bắt sự kiện được Tự động hoàn thành? Tài liệu cho biết rằng một sự kiện được chọn sẽ được kích hoạt khi người dùng chọn một mục từ danh sách. Tôi muốn đính kèm một chức năng cho sự kiện đó. Làm thế nào để làm điều đó?

Answer 1

Dưới đây là một ví dụ cho cách tiếp cận plugin, http://tivac.com/yui3/so/skladjfyhafjk_autocomplete.htm

Đơn giản chỉ cần vượt qua xử lý sự kiện của bạn như là một phần của cấu hình khi bạn lần đầu tiên cắm autocomplete vào đầu vào.

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

Bạn cũng có thể đăng ký sau khi phần tử đã được cắm bằng không gian tên mà nó gắn vào ("ac").

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

Nếu bạn đang sử dụng nó như một lớp, nó hoạt động như thế này.

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

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