1

我有以下代码。

索引.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.FirstName));

    alert(initialData);

    // The *viewmodel* - JavaScript that defines data and behavior of the UI
    function AppViewModel() {
        this.firstName = ko.observable(initialData);
        // this.lastName = ko.observable("Bertington");
    }

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

家庭控制器：

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

        var person = people.People.First();

        return View(person);
    }
}

基本上，它的作用是从数据库中加载一个人，并使用敲除为名字创建一个可编辑的字段并将其加载FirstName到其中。

这工作正常，但是，我也想加载LastName. 我不确定如何执行此操作，因为我只是在序列化名字。我在想我想序列化整个模型，但不确定如何访问每个名称。

4

2 回答 2

1

将JavaScriptSerializer对象转换为 JSON 字符串。如果您序列化整个模型，则可以像在 C# 中使用更具体的点表示法initialData.FirstName和initialData.LastName.

这是有效的，因为initialData它包含一个从序列化程序获得的 JSON 字符串初始化的 javascript 对象。如果模型只包含名字和姓氏属性，这将是序列化程序生成的字符串：

{"FirstName":"John","LastName":"Doe"}
于 2012-08-09T08:28:57.770 回答
0

这是我的做法：

var initialData = @(new MvcHtmlString(Model.ToJson()));

var viewModel = new AppViewModel(ko.toJS(initialData));

function AppViewModel(m) {
    this.firstName = ko.observable(m.FirstName);
    this.lastName = ko.observable(m.LastName);
}

$(function () {
    ko.applyBindings(viewModel, document.body);
}

Model 上的 .ToJson() 方法是扩展方法：

public static class HtmlHelperExtensions
{
    public static string ToJson(this object item)
    {
        return Newtonsoft.Json.JsonConvert.SerializeObject(item);
    }
}

您可以看到我使用了Newtonsoft.Json转换器，但您也可以使用 JavaScriptSerializer。

于 2012-08-09T22:53:54.440 回答