如何让淘汰赛分组foreach [英] How to get Knockout to group foreach

问题描述

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

I can get my records to repeat using foreach, but because I'm using a grid system for CSS, I want to group these records four at a time (div class="column") for each (div class="row").

我没有看到一个很好的示例，说明如何以这种方式包装每条记录.

I'm not seeing a good example how to wrap each each record this way.

有帮助吗?

推荐答案

所以我不确定您要做什么，但是您可以像这样手动分组.

So I'm not entirely sure what you are after but you could you group manually like this.

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

希望这会有所帮助.

这篇关于如何让淘汰赛分组foreach的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！