如何创建自动完成的组合框？

Question

有谁知道用Knockout JS模板创建自动完成组合框的最佳方法吗？我有以下模板：<script type="text/html" id="row-template"><tr>...    <td>                 <select class="list" data-bind="options: SomeViewModelArray,                                         value: SelectedItem">        </select>    </td>...        <tr></script>有时候，这个清单很长，我想让Knockout在jQuery自动完成功能或一些直接的JavaScript代码方面表现出色，但收效甚微。另外，jQuery.Autocomplete需要输入字段。有任何想法吗？

Answer 1

需要处置...。

这两个解决方案都很棒（Niemeyer的颗粒更细），但它们都忘记了处置处理！

他们应该通过以下方式破坏jquery自动完成（防止内存泄漏）来处理处置：

init: function (element, valueAccessor, allBindingsAccessor) {  

....  

    //handle disposal (if KO removes by the template binding)

    ko.utils.domNodeDisposal.addDisposeCallback(element, function () {

        $(element).autocomplete("destroy");

    });

}