1

私は次のコードを持っています：

Index.cshtml：

@using System.Web.Script.Serialization
@model MvcApplication3.Models.Person

<script src="../../Scripts/knockout-2.1.0.js" type="text/javascript"></script>

    <!-- This is a *view* - HTML markup that defines the appearance of your UI -->


<p>First name: <input data-bind="value: firstName" /></p>
<p>Last name: <input data-bind="value: lastName" /></p>


<script type="text/javascript">

    var initialData = @Html.Raw(new JavaScriptSerializer().Serialize(Model));

    // This is a simple *viewmodel* - JavaScript that defines the data and behavior of your UI
    function AppViewModel() {
        this.firstName = ko.observable(initialData.FirstName);
        this.lastName = ko.observable(initialData.LastName);

    }

    // Activates knockout.js
    ko.applyBindings(new AppViewModel());

</script>

HomeController：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using MvcApplication3.Models;

namespace MvcApplication3.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            var people = new PeopleEntities();

            var person = people.People.First();

            return View(person);
        }

        [HttpPost]
        public ActionResult Index(Person person)
        {
            //Save it

            return View();
        }
    }
}

基本的に、これはデータベースから人をロードし、ノックアウトを使用すると、名と姓の編集可能なフィールドが作成されます。値をフィールドにロードします

これは正常に機能します。

ただし、保存のために変更をコントローラーにポストバックする方法がわかりません。それらは逆シリアル化され、モデルに戻されてからポストバックされる必要があります。これを行う方法がわかりません。

何か助けはありますか？

4

1 に答える 1

9

ノックアウト機能が使えますpostJson。次のSaveメソッドをビューモデルに追加します。

function AppViewModel() {
    self = this;

    self.firstName = ko.observable(initialData.FirstName);
    self.lastName = ko.observable(initialData.LastName);

    self.Save = function(){
        var jsonData = ko.toJSON(self);
        ko.utils.postJson(location.href, {person: jsonData});
    };
}

また、ビューにボタンを追加することもできます。

<button data-bind="click: Save" ></button>
于 2012-08-09T09:25:24.437 に答える