2012-02-20 7 views
0

私はBS2から新しいTypeahead機能が必要な複数のフィールドを持っています。フォーム上にあるすべてのフィールドのデータを繰り返すのではなく、JSファイルのように1つの場所にまとめたいと思います。私は正確な構文については分かりません。Twiiter Bootstrap v2でTypeahead/JSONデータソースを統合しますか?

は、ここで私は私のフィールドのいずれかを持っているものです。

<input data-provide="typeahead" data-items="6" data-source='["4","4.5","5","5.5","6","6.5","7","7.5","8","8.5","9","9.5","10","10.5","11","11.5","12","12.5","13","13.5","14","14.5","15","15.5","16","16.5","17","17.5","18","18.5","19","19.5","W5","W5.5","W6","W6.5","W7","W7.5","W8","W8.5","W9","W9.5","W10","W10.5","W11","W11.5","W12","W12.5","W13","W13.5","W14","1Y","1.5Y","2Y","2.5Y","3Y","3.5Y","4Y","4.5Y","5Y","5.5Y","6Y","6.5Y","7Y","1C","1.5C","2C","2.5C","3C","3.5C","4C","4.5C","5C","5.5C","6C","6.5C","7C","7.5C","8C","8.5C","9C","9.5C","10C","10.5C","11C","11.5C","12C","12.5C","13C","13.5C","OS","N/A"]' name="size1" type="text" class="span1" autocomplete="off">

答えて

3

ブートストラップでの入力補完機能では、実際にはjQueryのUIのautocomplete機能

data-provide属性をスキップして、フィールドを自分で初期化しています。私はソースプロパティを逃し、ページに限り見つめていた - あなたは言うBootstrap's own docs何だ、それはjQuery UI's docs for Autocomplete

+0

おかげと一致する

$('.typeahead').typeahead({ source: [ ... your array ... ] }); 

を言うことができるはずです。 JQuery UIについてのヒントも非常に役に立ちます! – SWL

+0

@Flambinoデータ提供属性をスキップする意味は何ですか? の 我々はそれが私がそのスクリプトコードでクラスを追加する必要があります削除する場合: の motto

+0

@Flambinoあなたがあなたの答えにjsfiddleを加えることができるかどうかは分かりません。 – motto

関連する問題