0
我使用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中编写两次模型。
我想你的代码,我收到此错误。 '标题未定义'。 – albert
@albert现在尝试评论self.Message,看它是否有效?为了使事情变得更容易,你可以在chrome的控制台中调试代码,把它指向它 –
create函数不会获得整个数组,而是获得整个数组,但是它的单个元素。使用'create:function(options){return new achievement(options.data)}'(例如:https://jsfiddle.net/8ma2Lg12/) – user3297291