例如-
<!--ko foreach: WorkItems-->
<tbody data-bind="foreach: ActionPlans">
// table data here
</tbody>
<!--/ko-->
我试图在“此处的表数据”中仅显示属于当前迭代的WorkItem的ActionPlan项。
问题-
我的问题是当前“此处的表数据”显示所有WorkItems的所有ActionPlan。
我的模型的结构为Person> WorkItem(数组)> ActionPlan(数组)
我已经尝试
<!--ko foreach: WorkItems-->
<tbody data-bind="foreach: $parent.ActionPlans">
// table data here
</tbody>
<!--/ko-->
添加$ parent不会显示任何行动计划...
--------------根据要求进行编辑--------------------
var PersonViewModel = function(data) {
var self = this;
ko.mapping.fromJS(data, trainingCourseItemMapping, self);
self.addWorkItem = function() {
var WorkItem = new WorkItemVM({
Id: null,
JobSkillsAndExpDdl: "",
JobSkillsAndExperience: "",
ActionPlans: ko.observableArray(),
PersonId: data.Id
})
self.WorkItems.push(WorkItem)
};
self.addActionPlan = function () {
var actionPlan = new ActionPlanVM({
Id: null,
priorityAreaStage: "",
goal: "",
action: "",
byWho: "",
byWhen: ""
WorkItemId: data.Id
});
self.ActionPlans.push(actionPlan);
};
}
数组映射
var trainingCourseItemMapping = {
'WorkItem': {
key: function(workitem) {
return ko.utils.unwrapObservable(workitem.Id);
},
create: function(options) {
return new WorkItemVM(options.data);
},
'ActionPlans': {
key: function (actionPlanItem) {
return ko.utils.unwrapObservable(actionPlanItem.id);
},
create: function (options) {
return new ActionPlanVM(options.data);
}
}
}
数组项映射
var WorkItemVM = function(data) {
var self = this;
ko.mapping.fromJS(data, trainingCourseItemMapping, self);
}
var ActionPlanVM = function(data) {
var self = this;
ko.mapping.fromJS(data, {}, self);
}
编辑2 ---------------------
这是呈现的HTML,您可以看到它呈现了一个foreach:每个具有ActionPlan的WorkItem的ActionPlan