javascript - 添加到数组/集合后的 KnockoutJS 设置焦点

Question

我有带有一系列诊断代码的 View 模型。在我的 html 中，我有一个按钮数据绑定(bind)到一个单击，它向数组添加一个空白诊断代码。这一切都有效。

我想不通的是，添加代码时如何将焦点设置到动态添加的文本框。我可以添加什么:

<h3>Diagnosis Codes<input type="button" value="Add" data-bind="click:AddDiagnosisCode"/></h3>
<div data-bind="foreach:DiagnosisCodes">
    <div><input type="text"  data-bind="value:$data"/>
    </div>
</div>

<script type="text/javascript">
    function AddDiagnosisCode(item)
    {
        item.DiagnosisCodes.push("");
    }

    var vm = {
       "DiagnosisCodes": ["2345","6789"]
    };

    var viewModel = ko.mapping.fromJS(vm);     
     ko.applyBindings(viewModel);
</script>

Answer 1

使用内置绑定(bind) hasFocus 并将其设置为 true

<input type="text" data-bind="value:$data, hasFocus: true">

参见 http://jsfiddle.net/eT3Y8/