Javascript 在表中使用knockoutjs foreach控件显示有限的行

我在viewmodel中有一个名为

results

的对象，我只是用

foreach

循环显示视图文件中的行

<table>
                    <thead>
                        <tr>
                            <th >Id</th>
                            <th >Name</th>
                        </tr>
                    </thead>
                    <tbody data-bind="foreach: result">
                        <tr>
                            <td data-bind="text: Nr"></td>
                            <td data-bind="text: Name"></td>
                        </tr>
                    </tbody>
</table>

身份证件
名称

我的结果对象有300行，但我只想显示前10行，然后添加一个链接以加载更多行

你能告诉我怎样才能做到这一点吗。 我不希望使用KnockoutJSGridView .

---

谢谢

您的

foreach

应该绑定到一个computed，该computed返回您想要显示的行片段。您将需要一个可观察对象来存储行数，以及一个函数来增加行数

功能对象（编号、名称）{
返回{
Nr:Nr，
姓名：姓名
};
}
vm={
数量：可观察到的ko（3），
showMore:function（）{
vm.howmany（vm.howmany（）+3）；
},
结果:[
obj（1，'一'），
obj（2，'两'），
obj（3，'三'），
obj（4，'四'），
obj（5，'五'），
obj（6，'六'），
obj（7，'七'），
obj（8，'八'），
obj（9，'九'），
obj（10，‘一’）
],
切片：ko.pureComputed（函数（）{
返回vm.result.slice（0，vm.howmany（））；
})
};
ko.应用绑定（vm）

身份证件
名称
Show More
您的
foreach
应该绑定到一个computed，该computed返回要显示的行片段。您将需要一个可观察对象来存储行数，以及一个函数来增加行数


功能对象（编号、名称）{
返回{
Nr:Nr，
姓名：姓名
};
}
vm={
数量：可观察到的ko（3），
showMore:function（）{
vm.howmany（vm.howmany（）+3）；
},
结果:[
obj（1，'一'），
obj（2，'两'），
obj（3，'三'），
obj（4，'四'），
obj（5，'五'），
obj（6，'六'），
obj（7，'七'），
obj（8，'八'），
obj（9，'九'），
obj（10，‘一’）
],
切片：ko.pureComputed（函数（）{
返回vm.result.slice（0，vm.howmany（））；
})
};
ko.应用绑定（vm）

身份证件
名称
显示更多
非常好的解释，但是当我使用“vm.result.slice（0,10）”时；例如，它显示未定义的
结果
一个可观察的数组？如果是这样，您需要
vm.result（）.slice（0,10）
（注意
result
后面的括号）我不知道
slice
函数不起作用，但
splice
起作用了。非常感谢：）非常好的解释，但是当我使用`vm.result.slice（0,10）时；例如，它显示未定义的
结果
一个可观察的数组？如果是这样，您需要
vm.result（）.slice（0,10）
（注意
result
后面的括号）我不知道
slice
函数不起作用，但
splice
起作用了。非常感谢：）