带有 Razor 的 ASP.net MVC4 中的 KnockoutJs

Question

我正在尝试将我的 MVC 应用程序转换为使用 knockoutjs，我的视图中有此代码：

var itemsCount = 0;
<div class="boxes-container">
@foreach (ItemModel i in Model.Items)
{
   if (itemsCount >= Model.DisplayCount)
   {
      @Html.Raw("</div><div class='boxes-container'>")
      itemsCount = 0;
   }
   Html.RenderPartial("PartialItemView", i);
   itemsCount++;
}
</div>

现在，通过淘汰赛我有这样的东西

this.Items = ko.observableArray(tmp.Items); // [Object { field1="52", field2="56", arr=[1], more...},Object { field1="52", field2="56", arr=[1], more...},Object { field1="52", field2="56", arr=[1], more...}]
this.DisplayCount = ko.observable(tmp.DisplayCount) // 3

如何使用这些数据更新我的第一个代码？

Answer 1

在关闭 body-tag 之前添加到您的视图中：

<script type="text/javascript">
    // our model data

    var data = @Html.Raw(JsonConvert.SerializeObject(Model));

    // start knockout

    var model = ko.mapping.fromJS(data);
    ko.applyBindings(model);
</script>

然后您可以使用带有剔除的模型来迭代每个项目：

<div data-bind="foreach: Items">
    ...
</div>

确保通过包管理器添加对 NewtonSoft.Json 的引用：

PM> install-package Newtonsoft.Json