knockout.js - 如何让 Knockout 对 foreach 进行分组

Question

我可以使用 foreach 让我的记录重复，但是因为我使用 CSS 的网格系统，我想为每个 (div class="row") 一次将这些记录分组 (div class="column") .

我没有看到如何以这种方式包装每条记录的好例子。

有什么帮助吗？

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

希望这可以帮助。