javascript - 配列/コレクションに追加した後のKnockoutJS設定フォーカス

Question

診断コードの配列を持つビューモデルがあります。私のhtmlには、空の診断コードを配列に追加するクリックにデータバインドされたボタンがあります。これはすべて機能します。

私が理解できないのは、コードが追加されたときに動的に追加されたテキストボックスにフォーカスを設定する方法です。何を追加できますか:

<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>