magicsuggest初体験.

1591 ワード

magicSuggestは自動プロンプトプラグインであり、以下は具体的な使用手順(bootstrap)である.
1、まずページにmagicSuggestのスタイルファイルとjsファイル(bootstrapとJQueryライブラリが必要)を導入します.




2、ページにdivを します. えば、 のようにします.

3、magicSuggestを する.

var ms1 = $('#ms1').magicSuggest({
value:['A'],
placeholder:' ',
data:'/message/find',
queryParam:'str'
});

します.
(1)valueはプロンプトボックスに される
(2)placeholderはヒントです.テキストボックスに されるヒントの です. くのページの「このボックスにxxを してください」に ています.
(3)dataはデータソースで、 に いてあるデータソースはurlを します.このurlはjsonデータを します. に づいて に しなければ、valueのように けばいいです.
(4)queryParamは,プラグインが した に づいて,その をバックグラウンドに える である.プロンプトボックスにa、queryParamがstr、データソースがurlリクエスト(data:'/message/find')と すると、プラグインは にこのパラメータをバックグラウンドに し( しないのは のこと)、 なリンクは/message/findですか?str=a、バックグラウンドはこのように することができる:request.getParameter("str");.そうです.
4、プロンプトボックスの を する は、 のようになります.
$(ms1).on(
'selectionchange', function(e, cb, s){
var str = cb.getValue();
alert('プロンプトボックスの は'+str);
});
き はすべてこの です.
$('#ms1).magicSuggest().on('selectionchange', function(e, cb, s){
alert(cb.getValue());
});だめです.なぜ、ソースコードから ると、magicsuggestが すコードはreturn objです.data('magicSuggest');, されるのはjsオブジェクトではありません.イベントを き えるには、 の しか できません.
の は、プロンプトリストで1つを し、プロンプトボックスの が されてトリガーされます.プロンプトボックスに の がある は、(カンマ)で られます.