当一个foreach数据绑定完成时做一些事

Question

在我的表单中，一个列表被“填充”了。这是ul代码：

<ul class="sortable ui-widget-content" data-bind="foreach: menus"> 
    <li> 
     <a href="#" data-bind="attr: { title: name }, click: $parent.navigate"> 
     <i data-bind="attr: { class: iconClass }"></i> 
      <span data-bind="text: title"></span> 
     </a> 
    </li> 
</ul> 

它的工作原理很好。我现在需要的是，当foreach完成后，运行一段代码。任何想法如何实现？

Answer 1

从Knockout Documentation：（看afterRender，注7）

如果你需要运行所产生的DOM 元素一些进一步的定制逻辑，你可以使用任何 afterRender/afterAdd/beforeRemove/beforeMove/afterMove回调

<ul data-bind="foreach: { data: myItems, afterAdd: yellowFadeIn }"> 
    <li data-bind="text: $data"></li> 
</ul> 

<button data-bind="click: addItem">Add</button> 

<script type="text/javascript"> 
    ko.applyBindings({ 
     myItems: ko.observableArray([ 'A', 'B', 'C' ]), 
     yellowFadeIn: function(element, index, data) { 
      $(element).filter("li") 
         .animate({ backgroundColor: 'yellow' }, 200) 
         .animate({ backgroundColor: 'white' }, 800); 
     }, 
     addItem: function() { this.myItems.push('New item'); } 
    }); 
</script> 

你是这样的吗？

编辑：在这种情况下afterRender应该没问题