Cómo obtener Knockout para agrupar foreach

Question

Puedo hacer que mis registros se repitan usando foreach, pero debido a que estoy usando un sistema de cuadrícula para CSS, quiero agrupar estos registros de cuatro en cuatro (div class = "column") para cada uno (div clase = "fila").

No veo un buen ejemplo de cómo ajustar cada registro de esta manera.

¿Algún ayuda?

Answer 1

Así que no estoy del todo seguro de lo que está buscando, pero podría agrupar manualmente de esta manera.

http://jsfiddle.net/madcapnmckay/hFPgT/1/

<div data-bind="foreach: grouped" > 
    <div data-bind="foreach: $data" class="row"> 
     <div class="column" data-bind="text: text"></div> 
    </div> 
</div>  

this.grouped = ko.computed(function() { 
     var rows = [], current = []; 
     rows.push(current); 
     for (var i = 0; i < this.items.length; i += 1) { 
      current.push(this.items[i]); 
      if (((i + 1) % 4) === 0) { 
       current = []; 
       rows.push(current); 
      } 
     } 
     return rows; 
}, this); 

Espero que esto ayude.