MVC的挖空映射

我使用ko.mapping實用程序將我的mvc模型綁定到knockoutjs。我的MVC模式是這樣的MVC的挖空映射

public class Person 
    { 
    public string Name { get; set; } 
    public string Surname { get; set; } 
    public Achievement[] achievements { get; set; } 
    } 

    public class Achievement 
    { 
    public string Title { get; set; } 
    public int Score { get; set; } 
    } 


    public ActionResult Index() 
    { 
    Person person = new Person 
    { 
     Name = "Name", 
     Surname = "Surname", 

     achievements = new Achievement[] 
     { 
      new Achievement { Title="Ach 1", Score=10 }, 
      new Achievement { Title="Ach 2", Score=11 }, 
      new Achievement { Title="Ach 3", Score=12 }, 
     } 
    }; 
    return View(person); 
    }

我想我的JavaScript模型，同時包含在人一些額外的屬性和成就對象，因此我用淘汰賽映射插件和JavaScript編寫（只有新特性Person.fullName和成就。信息）。

@{ 
    string theData = new JavaScriptSerializer().Serialize(Model); 
} 
    <div> 
    <div><label>Name </label> <span data-bind="text:Name"></span></div> 
    <div> <label>Surname </label> <span data-bind="text:Surname"></span> </div> 
    <div> <label>Full Name </label> <span data-bind="text:fullName"></span></div> 

    <ul data-bind="foreach:achievements"> 
     <li> 
      <span data-bind="value:Title" /> 
      <span data-bind="text:Score"></span> 
      <span data-bind="text:Message"></span> 
     </li> 
    </ul> 
</div> 
<script type="text/javascript"> 
    personViewModel = function (data) { 
     var self = this; 
     ko.mapping.fromJS(data, {}, self); 
     self.fullName = ko.computed(function() { 
      return self.Name() + " " + self.Surname(); 
     }); 
    } 

    achievement = function (data) { 
     var self = this; 
     ko.mapping.fromJS(data, {}, self); 

     self.Message = ko.computed(function() { 
      return self.Title() + " " + self.Score(); 
     }); 
    } 
    ko.applyBindings(new personViewModel(@Html.Raw(theData))); 
</script>

問題是成就類根本沒有映射。什麼是從MVC控制器加載數據的正確方法，而不用在C＃和JavaScript中編寫兩次模型。

來源

2016-05-03 albert

你可以嘗試這樣的事情：

var custMap = {}; 

custMap['achievements'] = { 
create: function(data) { 
    var result = []; 
    for(var i = 0; i < data.length; i++){ 
    result.push(new achievement(data[i]); 
    } 
    return new ko.observableArray(result); 
} 
}

並繪製它：

ko.mapping.fromJS(data, custMap, self);

來源

2016-05-03 12:47:29

我想你的代碼，我收到此錯誤。 '標題未定義'。 – albert

@albert現在嘗試評論self.Message，看它是否有效？爲了使事情變得更容易，你可以在chrome的控制檯中調試代碼，把它指向它 –

create函數不會獲得整個數組，而是獲得整個數組，但是它的單個元素。使用'create：function（options）{return new achievement（options.data）}'（例如：https://jsfiddle.net/8ma2Lg12/） – user3297291

MVC的挖空映射

回答

相關問題