0

Bootstrap 2 を Bootstrap 3 に更新しましたが、最大の問題は typeahead が削除されたことであり、typeahead.js の使用が推奨されています。だから私はそれをインストールし、先行入力の簡単な使用は問題なく動作しますが、次のような他の機能も使用します:

 $('#my_field').typeahead({
     source : [list_of_items],
     matcher: function(item) {
         foo();
         return item;
     },
     updater : function(item) {
         foo2();
         return item;
     },
     closed: function(item) {
       ...
     },
     autocompleted: function(item) {
       ...
     }
 });

typehead.js を使用して同様の関数を実装するにはどうすればよいですか?

https://github.com/twitter/typeahead.jsの下には、次のような関数がいくつかあります

typeahead:initialized, typeahead:opened, typeahead:closed

しかし、それらを使用する方法の例はありません

4

1 に答える 1

1

「古い」プラグインを使用することもできます。 https://github.com/bassjobsen/Bootstrap-3-Typeaheadを参照してください。

あなたのtypeahead:initialized言及などはイベントです。これらを使用して、イベントが発生したときにコードをトリガーすることができます$('typeahead').on('typeahead:initialized',function())。

関数を使用して、filterマッチャーなどの関数を追加できます。

データムが提案としてレンダリングされる場合、データム オブジェクトはテンプレート エンジンに渡されるコンテキストです。これは、データム オブジェクトに任意のプロパティを含める場合、それらのプロパティは、提案のレンダリングに使用されるテンプレートで使用できることを意味します。

これは、ハイライト機能を実装するために使用できます。

したがって、データ関数、テンプレート関数、およびイベントを区別する必要があります。

于 2013-10-02T11:45:16.733 に答える