knockout.js - 如何使用剔除 foreach 方法动态设置表格单元格？

Question

我有一个 viewModel 和一个 ko.observableArray 下面给出

 users: ko.observableArray([{
     name: 'Name1',
     email: 'Email1'

 },
 {
     name: 'Name2',
     email: 'Email2'
 },
 {
      name: 'Name3',
     email: 'Email3'
 },
 {
     name: 'Name4',
     email: 'Email4'
 },
 {
     name: 'Name5',
     email: 'Email5'
 },
 {
     name: 'Name6',
     email: 'Email6'
 }
])

};

我想使用来自 ko.observableArray 'users' 的敲除绑定动态创建一个表。表结构如下

Answer 1

你可以通过创建一个ko.computed这样的

viewModel.rows = ko.computed(function () {
    var rows = [],
        currentRow,
        colLength = 3;
    for (var i = 0, j = this.users().length; i < j; i++) {
        if (i % colLength === 0) {
            if (currentRow) {
                rows.push(currentRow);
            }
            currentRow = [];
        }
        currentRow.push(this.users()[i]);
    }
    if (currentRow) {
        rows.push(currentRow);
    }
    return rows;
}, viewModel);

小提琴：http: //jsfiddle.net/codovations/kdLPM/4/

附加信息：https ://stackoverflow.com/a/7674755/17447

Answer 2

请看下面的例子

http://www.dotnetcurry.com/ShowArticle.aspx?ID=847

希望会有所帮助。