Tạo một TextField với tự động hoàn thành

Question

Tôi phải tạo TextField với tự động hoàn tất trong Ember để tìm nạp dữ liệu từ Cơ sở dữ liệu trên mỗi lần nhấn phím dựa trên kết hợp.

Tiện ích con tích hợp trong Ember có dành cho điều này không?

Answer 1

Không có thành phần tích hợp trong Ember.js, nhưng từ trải nghiệm thành phần như vậy sẽ rất dễ dàng để tự viết. Trên EmberCamp Trek Glowacki cho biết ông hy vọng sẽ không có thư viện widget nào cần thiết.

Bạn cũng có thể sử dụng Typeahead từ Twitter Bootstrap hoặc AutoComplete từ jQuery UI có thể được thực hiện để làm việc cùng nhau.

Answer 2

Bạn có thể sử dụng các sự kiện của Ember.Textfield để thực hiện việc này. (Coffeescript và Jade)

Kiện Tìm Kiếm Xem

App.SearchView = Ember.View.extend 

    templateName: 'search' 

    searchTerm: null 

    searchTextField: Ember.TextField.extend 

     insertNewline: -> 
     # if the user hits the enter key, you can do something different or call the same function 
     @get('controller').search(@get('searchTerm')) 

     keyUp: (e) -> 
     # validate the item on every keypress 
     if (e.currentTarget.value.length > 0) 
      @get('controller').search(@get('searchTerm')) 

mẫu tìm kiếm

script(type='text/x-handlebars', data-template-name='search') 

{{view view.searchTextField valueBinding="view.searchTerm" placeholder="search"}} 

<button {{action "search"}}>search</button> 

Search khiển

App.SearchController = Ember.ObjectController.extend 

    search: (searchTerm) -> 
    # do your search 

** thêm ngoặc thiếu

Answer 3

EmberCasts có một video hay trên how to build an auto complete widget.

I asked them about the millisecond delay khi lọc và tôi được thông báo rằng họ sẽ đề cập đến điều đó trong tập tiếp theo mà họ thực hiện trên đó.

Answer 4

The github project ember-typeahead cũng đã có một khởi đầu tốt về vấn đề này.