Question

请在评论部分找到更新的小提琴。

我提供了HTML代码和ViewModel。在更改下拉列表中的值时，我希望更新网格中的点值。为新的下拉值计算点值，但返回值无法将值绑定到网格。

Answer 1

为了在seats更改UI中进行dropdownAValue更改，您需要先声明空的可观察数组：

self.seats = ko.observableArray();

并在订阅功能中更新它，而不是每次都创建新的observableArray：

self.seats([new PipCalculation(self.rates[0], self.rates[0].price, self.rates, self.newLot[0],currentlotvalue) ]);

请参阅updated fiddle

Answer 2

我的回答将是Max Brodin给出的补充。

我们可以通过执行类似的操作来进一步规范化代码

查看型号：

    self.dropdownAValue = ko.observable(0.1);

    self.seats = ko.observableArray([]);

    var newItems = ko.utils.arrayMap(self.rates,function(item){
    return new PipCalculation(item, item.price, self.rates, self.newLot[0], self.dropdownAValue)
    });
    self.seats(newItems);

    //computed code
    self.formattedPrice2 = ko.computed(function() {
           //alert("hi");
            var cur = self.rate().pair;
            //var price = self.rate().price;
            //alert(self.myQuote());
            var price = self.myQuote();
            var pip = 1;
            var lot1 =currentlotvalue().lotSize;

工作小提琴here

要做的事情：

无需为订阅下拉列表更改另外编写订阅。您需要做的就是在您的案例中进一步发送DD值实例。
由于您在DD订阅中填写了observablearray，即每次下拉列表更改，因此会有性能损失。这可以通过像我上面提到的那样来避免。
而是推入Observable数组推入普通数组，后者使用该数组（性能得到改善） - 最多在他的评论中提到

还有另一种方法可以做到这一点（我以前做过这样的事情）

self.seats([]); 
var mutatedArray = self.seats();
ko.utils.arrayForEach(self.rates,function(item){
mutatedArray.push(new PipCalculation(item, item.price, self.rates, self.newLot[0],self.dropdownAValue));  // push to the array(normal array)  
});  
 self.seats.valueHasMutated();

有关详情，请参阅我的回答here。

在Knockout JS中更改下拉列表时网格值不会更新

2 个答案: