3

JSONでTwitter Bootstrap Typeaheadを使用するにはどうすればよいですか。私のブートストラップのバージョンは2.2.1です

私の JSON 応答

   [{"label":"Sistemski Administrator","value":"1"},{"label":"Jure Hotujec","value":"3"},{"label":" ","value":"4"},{"label":"Simona Jamnik","value":"5"},{"label":"Ma\u0161a Mu\u0161i\u010d","value":"6"},{"label":" ","value":"7"}]

私が今持っているのはこれだけですが、ソースは配列でなければならず、私の場合はJSONです

$("#typeahead").autocomplete({
    soruce : soruce
});

また、何か変更があれば、モーダル要素で使用したいと思います。

ありがとう！

4

1 に答える 1

3

jQuery の parseJson メソッドを使用して、typeahead のsourceパラメーターに渡します。

var jsonString =  '[{"label":"Sistemski Administrator","value":"1"},{"label":"Jure Hotujec","value":"3"},{"label":" ","value":"4"},{"label":"Simona Jamnik","value":"5"},{"label":"Ma\u0161a Mu\u0161i\u010d","value":"6"},{"label":" ","value":"7"}]';
var jsonObj = $.parseJSON(jsonString);
var sourceArr = [];

for (var i=0; i<jsonObj.length; i++) {
  sourceArr.push(jsonObj[i].label);
}

$("#typeahead").typeahead({
    source : sourceArr
});

jsfiddleの例を次に示します。
詳細については、先行入力ドキュメントを参照してください。

于 2012-12-03T18:48:04.763 に答える