x編集可能な先行型Ajaxソース

Question

私のコードですべての都市を印刷したくありませんlocal: ['LONDON', 'BERLIN', 'NEW YORK', 'MADRID']。私はユーザーが文字を入力するたびにクエリを作成したいと思います。

「x-editable先頭」の自動補完を使用するためにajaxを使用できますか？

HTML：

<li><label class="control-label">CITY:</label> <span id="userCity" data- 
type="typeaheadjs" data-pk="cityID" data-name="users">PARIS</span></li> 

JS：

$('#userCity').editable({ 
    url: 'ajax/editUser.php', 
    typeahead: { 
     local: ['LONDON', 'BERLIN', 'NEW YORK', 'MADRID'] 
    } 
}); 

Answer 1

念のため、これが誰かを助けるかもしれないが、X-編集可能な現在の1.5.1のリリースのように見えますがdatasetパラメータを渡すサポートしていません。先行するコンストラクタに渡します。ここにはhttps://github.com/vitalets/x-editable/pull/664と記載されているサポートを実装するプルリクエストがあります。

はすぐにこの問題を回避するには、あることを周りのライン45でinputs-ext/typeaheadjs/typeaheadjs.jsを更新する必要があります。

var bloodhound = new Bloodhound({ 
    remote: '/url/to/json/output' 
    // any other bloodhound options here 
}); 

bloodhound.initialize(); 

$('#editable-field').editable({ 
    type: 'typeaheadjs', 
    typeahead: [{ 
     hint: true, 
     highlight: true 
     // any other typeahead options 
    }, { 
     source: bloodhound.ttAdapter() 
     // any other dataset options 
    }] 
}); 

：

this.$input.typeahead.apply(this.$input, this.options.typeahead); 

はその後、としてX-Editorをインスタンス化することができます