2012-12-07 113 views
0

Im卡住了另一个MVC/Knockout问题..MVC敲除字典绑定

这次它与一个序列化/字典集合有关。

我有以下视图模型

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数据= @(Html.Raw(Json.Encode(型号)));

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

回答

0

如异常说 - .NET不支持字典的序列化。您必须考虑3个选项:

  • 如果可能,用任何可序列化的数据结构替换dictionary
  • 编写json序列化字典或找到现有的字典。
  • javaScriptSerializer将序列化字典。
+0

我仍然有同样的问题..我连载我的字典和我返回一个JSON字符串,但它显示了一个类型的错误:遗漏的类型错误:不能使用“在”运营商{ – user1484089

+0

所以搜索“长度”如果现在错误在客户端网站上,则创建一个将显示错误的小提琴。 –

+0

我不能让jsfiddle工作..但我有这样的东西:http://jsfiddle.net/valkesh/AH2pK/8/ ..从MVC检索的数据是在变量数据,我想在模板中显示键/值 – user1484089