モデルからノックアウトビューモデルにデータをバインドすることは可能ですか? 例を次に示します。
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" />
}
しかし、ノックアウトでは、次の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 ヘルパーを使用する代わりに、私の見解では次のようにします。
<form data-bind="submit: Edit">
<input type="text" data-bind="value: ItemName" />
<input type="submit" value="Update" />
</form>
では、コントローラーから返されたデータをどのように入力すればよいでしょうか?