jQueryオートコンプリートは、要素がノックアウトの内側にあるときにアクションを実行しない "バインド"を伴う

Question

jquery UIを使用してオートコンプリートを実装しようとしていますが、オートコンプリートのテキストボックスは "with"ノックアウトバインディング内にあり、

<div data-bind="with: activeButton"> 
//Some other div's... 
    <div> 
    <input type="text" id="autoCompleteText" data-autocomplete-url="@Url.Action("Autocomplete")"/> 
    </div> 
</div> 

//On DOM ready 
$('*[data-autocomplete-url]').each(function() { 
     $(this).autocomplete({ 
      source: $(this).data("autocomplete-url") 
     }); 
    }); 

自動補完要素が内部にあるときにノックアウトバインディング「と」私はMVCのアクションを発射する別の何かをする必要がありますか？

Answer 1

jquery UIオートコンプリート用のノックアウトバインディングハンドラが必要です。

ko.bindingHandlers.autoComplete = { 
    init: function(element, valueAccessor) { 
     var autoCompleteOptions = ko.unwrap(valueAccessor()); // Get the current value of the current property we're bound to 
     $(element).autocomplete(autoCompleteOptions); 
    } 
};