Typeahead.js/Bloodhound.jsを使用してリモートソースとローカルソースを切り替える

Question

考えられるすべての設定（たとえば.clear()と.typeahead('destroy')）で遊んだことがあります。ソースをリモートとして設定してしまえば先読みをローカルソースにする。

どのような考えですか？ここで

は、以下のコードはonclick呼び出されます：

var create_typeahead = function(is_remote, titles){ 

    filters_typeahead.typeahead('destroy'); 

    if(is_remote){ 
     var remote_url = titles; 
     var titles = new Bloodhound({ 
     queryTokenizer: Bloodhound.tokenizers.whitespace, 
     datumTokenizer: Bloodhound.tokenizers.whitespace, 
      remote: { 
       url: remote_url, 
       q=%QUERY', 
       wildcard: '%QUERY' 
      } 
     }); 
    } 
    else{ 
     var titles0 = titles; 
     var titles = new Bloodhound({ 
     queryTokenizer: Bloodhound.tokenizers.whitespace, 
     datumTokenizer: Bloodhound.tokenizers.whitespace, 
      local: titles0 
     });  
    } 

    titles.initialize(); 

    filters_typeahead.typeahead({ 
    highlight: true, 
    minLength: 2, 

    }, 
    { 
     name: 'titles', 
     displayKey: 'name', 
     source: titles, 
     templates: { 
     suggestion: function(data) { 
      return '<div>' + data.name + '</div>'; 
     } 
    } 
}); 

};

Answer 1

私の答えはあなたのものより少し複雑ですが、うまくいけば正しい方向にあなたを指し示すでしょう。

bloodhoundを使用してremoteソースを変更する場合は、bloodhoundオブジェクトをクリアして再初期化する必要があります。

ここで私は初期化ブラッドハウンドのインスタンス作成しています：

taSource.clear(); 
taSource.initialize(true); 

私は変更ハンドル：私は再初期化PARAMTERのためにtrueを渡す、clear()とinitialize(true)の両方を呼び出す切り替えるためのロジックで

var taSource = new Bloodhound({ 
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('Value'), 
    queryTokenizer: Bloodhound.tokenizers.whitespace, 
    identify: function(obj) { 
    return obj.Value; 
    }, 
    remote: remoteSrc 
}); 

taSource.initialize(true); 

をremoteオブジェクトの一部として利用可能なprepareメソッドのURL。

prepare: function(query, settings) { 
    settings.url = urlRoot + '/' + whichType + '?q=' + query; 
    console.log(settings.url); 
    return settings; 
}, 

Here is a full example私がどのように処理するかを示します。