我有观测和计算观测的网格。 第一行包含用作以下的所有行对价值乘数百分比率。 用户可以编辑的百分比率值和淘汰赛处理所有的级联更新。 我还需要一个单独的文本框,用户可以输入将被应用到每个网格中的百分比率的新的百分比率。
初始绑定工作正常,并更新1个百分率作品是好的了。
当用户通过视图模型更新每个百分比率以匹配进入的文本框和我循环的值发生的JavaScript警告。 网格列实际上是月度值,因此该循环更新的百分比率只执行12次。
我试图油门扩展,但它并没有解决问题。 有任何想法吗?
更新:不知道它会帮助,但我添加了一些代码
$("#NewRate").change(function (e) {
var newRate = parseFloat($(this).val());
for (var i = 0; i < 12; i++) {
viewModel.resourceCategory.monthAmounts[i].amount(newRate);
}
});
function ConvertToDate(jsonDateString) {
var re = /-?\d+/;
var m = re.exec(jsonDateString);
return new Date(parseInt(m[0]));
}
function MonthAmount(amount, dateKey) {
var self = this;
self.amount = ko.observable(amount).extend({ throttle: 1 }); //using the throttle to avoid "long running script" warning in IE
self.dateKey = ConvertToDate(dateKey);
self.monthIndex = self.dateKey.getMonth();
}
function ResourceCategory(name, monthAmounts) {
var self = this;
self.name = name;
self.monthAmounts = ko.utils.arrayMap(monthAmounts, function (monthAmount) {
return new MonthAmount(monthAmount.Amount, monthAmount.DateKey);
});
self.totalAmount = ko.computed(function () {
var sum = 0;
for (var i = 0; i < self.monthAmounts.length; i++) {
sum += parseFloat(self.monthAmounts[i].amount());
}
return sum.toFixed(2);
}).extend({ throttle: 1 }); //using the throttle to avoid "long running script" warning in IE
self.averageAmount = ko.computed(function () {
return (self.totalAmount() / self.monthAmounts.length).toFixed(2);
}).extend({ throttle: 1 }); //using the throttle to avoid "long running script" warning in IE
}
function ResourceCategoriesMonthTotal(monthIndex, resourceCategories) {
var self = this;
self.monthIndex = monthIndex;
self.dateKey = new Date(new Date().getFullYear(), monthIndex, 1);
self.amount = ko.computed(function () {
var val = 0;
for (var i = 0; i < resourceCategories.length; i++) {
val += parseFloat(resourceCategories[i].monthAmounts[self.monthIndex].amount());
}
return (val).toFixed(2);
}).extend({ throttle: 1 }); //using the throttle to avoid "long running script" warning in IE
}
self.resourceCategoriesMonthTotals = new Array();
for (var monthIndex = 0; monthIndex < 12; monthIndex++) {
self.resourceCategoriesMonthTotals.push(new ResourceCategoriesMonthTotal(monthIndex, self.resourceCategories));
}
self.resourceCategoriesTotal = ko.computed(function () {
var val = 0;
for (var i = 0; i < self.resourceCategoriesMonthTotals.length; i++) {
val += parseFloat(self.resourceCategoriesMonthTotals[i].amount());
}
return (val / self.resourceCategoriesMonthTotals.length).toFixed(2);
}).extend({ throttle: 1 }); //using the throttle to avoid "long running script" warning in IE