首页 文章

MVC Knockout字典绑定

提问于
浏览
0

我坚持另一个MVC / Knockout问题..

这次它与序列化/字典集合有关 .

我有以下视图模型

public class ListViewModel
{
    public Dictionary<ItemViewModel, List<ItemViewModel>> Events { get; set; }

    public ListViewModel()
    {
        Events = new Dictionary<ItemViewModel, List<ItemViewModel>>();
    }
}

public class ItemViewModel
{
    public int Id { get; set; }
    public string Name { get; set; }
}

和cshtml文件:

<h2>Events</h2>
<div data-bind="template: { name: 'events-template', foreach: Events }"></div>

<script type="text/html" id="events-template">
    <ul>
        <li>
            <div><span data-bind='text: Events().length'/></div>
            <ul data-bind="foreach: Events">
                <li><span data-bind="text: $data"> </span></li>
            </ul>
        </li>
    </ul>     
</script>

<script type="text/javascript">

    var ListViewModel = function(model) {
        var self = this;

        self.Events = ko.observableArray(ko.utils.arrayMap(model.Events, function(itemViewModel) {
            var item = new ItemViewModel(itemViewModel);
            return item;
        }));
    };

    var ItemViewModel = function(itemViewModel) {
        var self = this;
        self.Name = ko.observable(itemViewModel.name);
        self.Id = ko.observable(itemViewModel.Id);
    };

    $(function() {
        var data = @(Html.Raw(Json.Encode(Model)));        
        ko.applyBindings(new ListViewModel(data));
    });

</script>

它似乎陷入了var data = @(Html.Raw(Json.Encode(Model)));

错误消息提到类似“类型通用字典... ...不支持字典的序列化/反序列化,键必须是字符串或对象 . ”

1 回答

  • 0

    例外情况说 - .NET不支持字典的序列化 . 你必须考虑3个选项:

    • 如果可能,将 dictionary 替换为任何可序列化的数据结构 .

    • 编写json可序列化字典或查找现有字典 .

    • javaScriptSerializer 将序列化字典 .

相关问题