我在更新 observableArray 时遇到问题。我必须在这里遗漏一些东西，但我所拥有的是：
我有一个存储在我的主视图模型中的值列表，如下所示：
function AppViewModel() {
var self = this;
self.q1 = ko.observable().extend({ number: true });
self.q2 = ko.observable().extend({ number: true });
self.q3 = ko.observable().extend({ number: true });
self.q4 = ko.observable().extend({ number: true });
self.q5 = ko.observable().extend({ number: true });
.
.
.
我有一个计算平均值的计算函数列表。我还有一个单独的视图模型，用于使用 jqxWidgets 创建图表。这是代码：
function ChartModel(scores) {
var self = this;
var cat;
self.scores = ko.observableArray(scores);
self.scores.push({ cat: "Re", score: vm.reAve() });
self.scores.push({ cat: "Da", score: vm.daAve() });
self.scores.push({ cat: "De", score: vm.deAve() });
self.scores.push({ cat: "Im", score: vm.imAve() });
self.scores.push({ cat: "Ps", score: vm.psAve() });
self.scores.push({ cat: "Overall", score: vm.reAve() });
//alert(self.scores()[0].score);
self.updateScores = function () {
var item = {};
item.cat = "Re";
item.score = vm.reAve();
self.scores.replace(self.scores()[0], item);
item.cat = "Da";
item.score = vm.daAve();
self.scores.replace(self.scores()[1], item);
item.cat = "De";
item.score = vm.deAve();
self.scores.replace(self.scores()[2], item);
item.cat = "Im";
item.score = vm.imAve();
self.scores.replace(self.scores()[3], item);
item.cat = "Ps";
item.score = vm.psAve();
self.scores.replace(self.scores()[4], item);
item.cat = "Overall";
item.score = vm.basAve();
self.scores.replace(self.scores()[5], item);
};
}
var vm = new AppViewModel();
var cm = new ChartModel(scores);
我在$(document).ready(...)块的末尾应用绑定。问题是scores调用 updateScores 函数时永远不会更新：
<button id="btnLoad" data-bind="click: cm.updateScores">View Chart</button>
迫切需要帮助/建议。谢谢。
编辑： 创建了一个小提琴，但不幸的是这里没有任何效果。单选按钮应该更新它们各自的 observables，然后计算 Total 和 Average 值。它在我的项目中运行良好，但我似乎无法在 jsfiddle 中准确地重现它。在过去的一个小时里一直被困在这个问题上。这是小提琴：
我在项目中苦苦挣扎的是 observableArray 值永远不会更新。确定我错过了什么，但我不知道是什么......
编辑 2：
好的，在我的问题模型中，我试图获取 3 个特定问题的分数，将其存储在一个可观察的数组中，然后计算选择的最大值。我似乎无法让 UI 更新以反映更改，并且 console.log 没有显示任何内容：
function CategoryModel(cat) {
var self = this;
self.name = cat.name;
self.itemsChosen = ko.observable();
self.catquestion = ko.utils.arrayMap(cat.qs, function (q) {
return new CatQuestionModel(q.label, q.number);
});
self.catTotalScore = ko.computed(function () {
var total = 0, numItems = 0;
ko.utils.arrayForEach(self.catquestion, function (question) {
// note that ~~ converts its operand to integer (or 0 if that fails)
total += ~ ~question.score() + ~~question.mdaScoreM();
if (!(isNaN(question.score()))) {
++numItems;
self.itemsChosen(numItems);
}
});
return total;
}, self);
self.catAvgScore = ko.computed(function () {
return parseFloat(self.catTotalScore() / (self.itemsChosen() || 1)).toFixed(2);
});
}
function CatQuestionModel(question, number) {
var self = this;
self.question = question;
self.number = number;
self.score = ko.observable();
self.mdaScore = ko.observable();
self.mdaVals = ko.observableArray([]);
if (self.number == "2" || self.number == "3" || self.number == "4")
self.mdaVals.push(ko.observable({ "number": self.number, "score": self.mdaScore() }));
self.mdaScoreM = ko.computed(function () {
var x = 0;
x = ko.utils.arrayFirst(self.mdaVals(), function (i) {
return i.score === Math.max.apply(null, ko.utils.arrayMap(self.mdaVals(), function (e) {
return e.score;
}));
});
return x;
}, self);
self.mdaVals.notifySubscribers(self.mdaVals());
}
mdaVals() 是保存所有 3 个值的数组， mdaScore 应该是获得的最大值。上面的代码有什么问题吗？