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

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) {&nbsp;&nbsp;....&nbsp;&nbsp;&nbsp; &nbsp; //handle disposal (if KO removes by the template binding)&nbsp; &nbsp; ko.utils.domNodeDisposal.addDisposeCallback(element, function () {&nbsp; &nbsp; &nbsp; &nbsp; $(element).autocomplete("destroy");&nbsp; &nbsp; });}