knockout.js - Knockoutをグループforeachに取得する方法

Question

foreachを使用してレコードを繰り返すことができますが、CSSにグリッドシステムを使用しているため、これらのレコードを一度に4つ（div class = "column"）、それぞれ（div class = "row"）にグループ化します。 。

各レコードをこのようにラップする方法の良い例は見当たりません。

何か助けはありますか？

Answer 1

ですから、あなたが何を求めているのか完全にはわかりませんが、このように手動でグループ化することはできます。

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

お役に立てれば。