knockout.js – 如何让Knockout组织foreach

前端之家收集整理的这篇文章主要介绍了knockout.js – 如何让Knockout组织foreach前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我可以得到我的记录重复使用foreach,但是因为我正在使用一个网格系统的CSS,我想为每个(div class =“row”)一次(div class =“column”)对这些记录进行分组.

我没有看到一个很好的例子,如何以这种方式包装每个记录.

任何帮助?

解决方法

所以我不完全确定你是什么,但你可以像这样手动分组.

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

希望这可以帮助.

猜你在找的JavaScript相关文章