Knockout.mapping.fromJSON失败是因为'人物

时间:2016-06-14 07:39:32

标签: javascript c# mvvm knockout.js

我正在尝试将我的viewmodel绑定到Knockout,因为我需要做一些客户端操作。由于'字符,我遇到了问题。

我的模型中有一些SelectListItem的对象,这样的对象如下所示:

{
    "Disabled": false,
    "Selected": false,
    "Text": "Côte d'Ivoire",
    "Value": 59
}

注意'属性中的Text字符:"Côte d'Ivoire"。 这个角色是一切的问题,因为这是我将视图模型转换为ko视图模型的方式:

@{
    var serializerSettings = new Newtonsoft.Json.JsonSerializerSettings();
    serializerSettings.NullValueHandling = Newtonsoft.Json.NullValueHandling.Ignore;
    var jsonData = @Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(Model, serializerSettings));
}

@using(Html.BeginScripts())
{
    @Scripts.Render("~/bundles/knockout")

    <script type="text/javascript">

        var vm = ko.mapping.fromJSON('@Html.Raw(jsonData)')

    </script>

}

请注意我如何将@Html.Raw(jsonData)内部包裹到'。我想这就是问题所在,我只是不确定如何解决这个问题。

更新

这是返回此数据的控制器方法:

public ActionResult Solution()
{
    using(var db = new DatabaseContext())
    {
        var viewModel = new DetailsViewModel();

        viewModel.Countries = db.Country.ToList().Select(x => new SelectListItem{
            Value = "" + x.CountryId,
            Text = x.Name
        });

        return View(viewModel);
    }
}

1 个答案:

答案 0 :(得分:4)

这里的问题是这一行:

var vm = ko.mapping.fromJSON('@Html.Raw(jsonData)')

特别是您将jsonData带到未填充的JavaScript字符串中的部分,其实质上是:

var vm = ko.mapping.fromJSON('{"Text": "Côte d'Ivoire"}')

需要转义单引号,否则会破坏整个字符串。你可以修复这个服务器端,然后转义字符串,或者你可以使用different mapping method, fromJS,而不是用单引号括起你的JSON字符串:

var vm = ko.mapping.fromJS(@Html.Raw(jsonData))