1

是否可以将模型中的数据绑定到淘汰视图模型。这是一个例子：

public ActionResult Edit(int id)
{
    Product product = _db.Products.FirstOrDefault(x=>x.ItemId == id);
    return View(product);
}

然后在视图中，我传统上会这样做：

@model myApp.Models.Product

@using(Html.BeginForm())
{
    @Html.EditorFor(x=>x.ItemName)
    @Html.ValidationMessageFor(x=>x.ItemName)

    <input type="submit" value="Update" />
}

但是使用 Knockout 我会创建一个EditProductViewModel我会做类似的事情的地方：

var EditProductViewModel = {
    ItemName = ko.observable('')
};

EditProductViewModel.Edit = function() {
    $.ajax({
        url: "Home/Edit",
        data: ko.ToJson(this),
        success: function() {
            // do something
        }
    });  
};

$(function() {
    ko.applyBindings(EditProductViewModel);
});

而不是使用 Html Helpers 在我看来，我会做类似的事情：

<form data-bind="submit: Edit">
    <input type="text" data-bind="value: ItemName" />
    <input type="submit" value="Update" />
</form>

那么如何使用从控制器返回的数据来填充它呢？

4

3 回答 3

1

使用淘汰赛时，您有两种方法可以做到这一点。1. 在一个视图中加载您的文本框等。在第一次加载该视图时，在初始加载时将您的模型转换为 JSON 以供淘汰赛使用。

所有额外的调用都通过 JSON 进行。

您可以在视图中使用： @Html.Raw(Json.Encode(yourModel))

  1. 在您的视图中加载您的文本框（即它们是您的视图的一部分）触发 document.ready() 您的 ajax 调用以从您的控制器获取您的数据，转换为 JSON 即return Json(yourModel, JsonRequestBehavior.AllowGet)并大致绑定这些结果，就像您已经在上面所做的那样

注意 - 这种方法的缺点是验证。如果你有所有客户端验证，那么这没关系，因为 data-* 的属性将由 MVC 写出到你的文本框等。如果你有任何服务器端验证，这里没有内置的“平滑”集成与淘汰赛。

这里有一篇不错的文章：http: //www.codeproject.com/Articles/305308/MVC-Techniques-with-JQuery-JSON-Knockout-and-Cshar 但仍然缺少服务器端验证提及。

于 2012-05-24T20:35:23.583 回答
1

我没有任何淘汰赛的经验，但在我看来，您不再希望从控制器返回视图怎么样

return JSON(product)

这样，您将在您的 javascript 成功函数上获得产品的 json 元素，您需要收集 json 元素

$.ajax({
    url: "Home/Edit",
    data: ko.ToJson(this),
    success: function(data) {
        // map to knockout view model
    }
});

然后从这里你会调用地图绑定。

于 2012-05-24T20:01:15.477 回答
0

您可以将数据序列化到您的页面，然后使用来自服务器的值初始化淘汰视图模型。

ItemName = ko.observable(serializedModel.ItemName);
于 2012-10-05T09:00:43.073 回答