如何获得击倒可观察对象绑定击倒映射
How to get back knockout observable binded by knockout-mapping
我已经绑定了我的json数组击倒使用击倒映射插件
JSON{
"info":[
{
"Name":"Noob Here",
"Major":"Language",
"Sex":"Male",
"English":"15",
"Japanese":"5",
"Calculus":"0",
"Geometry":"20"
},
{
"Name":"Noob Here",
"Major":"Calculus",
"Sex":"Female",
"English":"0.5",
"Japanese":"40",
"Calculus":"20",
"Geometry":"05"
}
]
}
使用knockout-mapping插件绑定
var data = [];
$.each(data1.info, function (index, element) {
data.push({
English: element.English,
Japanese: element.Japanese,
Calculus: element.Calculus,
Geometry: element.Geometry,
name: element.Name,
major: element.Major,
sex: element.Sex
});
});
dataFunction.prototype = function () {
var getAllItems = function () {
var self = this;
ko.mapping.fromJS(data, {}, self.Items);
};
现在我想提醒英语的价值。
我试了alert(this.English());
在dataFunction.prototype
里面,它不工作。
如何提醒该值?
JS-Bin代码:http://jsbin.com/ipeseq/4/edit
您需要定义一个适当的视图模型,并在您的标记中使用它。
我把一个视图模型和一个自定义视图模型映射在一起,我把你的数据映射到对象中,我称之为"学生",你可以在你的标记中使用。这个对象我扩展了一个ko.computed来计算总数(在这个对象中你可以读取和操作你的observable )。
var Student = function(data) {
var self = this;
ko.mapping.fromJS(data, { }, self);
self.total = ko.computed(function() { // Calculate total here
return self.English() + self.Japanese() + self.Calculus() + self.Geometry();
});
};
var viewModelMapping = { // Map all objects in 'info' to Student objects
'info': {
create: function(options) {
return new Student(options.data);
}
}
};
var ViewModel = function(data) { // Create a view model using the mapping
var self = this;
ko.mapping.fromJS(data,viewModelMapping,self);
}
$(document).ready(function () {
vm = new ViewModel(data);
ko.applyBindings(vm);
});
您可以在这里看到生成的JSBin代码
你可以在使用" create "自定义对象构造和使用" update " 章节中阅读更多内容
相关文章:
- 无法通过数组映射绑定
- 使用 KnockoutJS 映射插件时绑定损坏
- Ajax 响应作为要绑定到 HTML 的映射对象
- KNOCKOUTJS 映射嵌套元素不是绑定的
- 图像映射器“重新绑定”不起作用
- 如何使用 knockoutjs 映射插件对绑定到表的数据进行排序
- 使用knockoutjs映射插件进行基本绑定
- Knokout.js和带有绑定onclick的映射
- 如何使用Knockout JS数组映射根据输入条件使选择选项绑定默认值
- 映射和绑定嵌套对象和数组
- KnockoutJS绑定不使用映射插件进行更新
- 当使用映射时,属性绑定被破坏
- 如何绑定映射函数
- React不触发绑定到数组映射中创建的JSX元素的事件
- 取消与映射插件的点击绑定
- 如何查看映射绑定缩放级别
- 删除映射和foreach数据绑定表上的按钮,缺少对视图模型的引用
- 如何获得击倒可观察对象绑定击倒映射
- javascript:为什么有些函数可以绑定和映射,而有些函数不能?
- 将点击事件监听器绑定到映射标记(使用D3和JS)