javascript - knockout 到计算列的自定义绑定(bind)

Question

我有一个“金钱”的自定义绑定(bind)。它将在开头插入一个美元符号，并为小数点左边每 3 位添加列。此外，同一列是 ko.compulated 列。

我遇到的问题是，我必须将该列格式化为 setter :

myColumn.myValue(functionToGenerateNewValue(parameter)()); //notice the parens after the function to actually retrieve the value

为了让它能够正确地进行金钱绑定(bind)。但如果我希望计算值能够即时工作，那么必须这样设置:

myColumn.myValue = ko.computed(functionToGenerateNewValue(parameter));

以下是资金绑定(bind)的代码:

var cleanInput = function (value) {
    return parseFloat(value.replace(/[^0-9.-]/g, ''));
}

ko.bindingHandlers.money = {
    init: function (elm, valueAccessor) {
        $(elm).change(function () {
            valueAccessor()(cleanInput(elm.value));
        }).addClass('money');
    },
    update: function (elm, valueAccessor, allBindingsAccessor) {
        var value = ko.utils.unwrapObservable(valueAccessor())
        $elm = $(elm),
        method = $elm.is(":input") ? "val" : "html";
        $elm[method](formatCurrency(value));
    }
};

当它被作为计算值调用时，elm.value 是失败的部分，因为它包含一个函数而不是一个值。

知道如何将这两种实现混合在一起吗？

编辑:这是我的新版本，我仍然有点坚持......

if (goalMonth > viewModel.LastProcessedMonth()) {
                    if (goal.LYMonthSales() === goal.LYMonthSalesActual()) {

                        goal.LYMonthSales = ko.computed({
                            read: generateTotalSales(goalMonth),
                            write: function (newValue) {
                                goal.LYMonthSales(newValue);
                            }
                        });
                        goal.LYMonthSalesComputed = ko.computed({
                            read: goal.LYMonthSales,
                            write: function (newValue) {
                                goal.LYMonthSales(newValue);
                            }
                        });
                        //goal.LYMonthSales(generateTotalSales(goalMonth)());
                    }

                    goal.LYMonthSalesActual = ko.computed(generateTotalSales(goalMonth));
                    //goal.LYMonthSalesActual(generateTotalSales(goalMonth)());
                }

“LYMonthSales”过去显示在 View 上，但现在我显示“LYMonthSalesCompulated”。

现在，“写入”并不是将值写入 LYMonthSales 属性。 (调用我的save时，原来的值依然存在)

Answer 1

我想你想要一个writeblae computed observable 。这将允许您指定将新值写入计算值的逻辑。像这样的事情:

myColumn.myValue = ko.computed({
    read: functionToGenerateNewValue(parameter),
    write: function(newVal){
       //now manually provide the logic to handle a new value
    },
    owner: myColumn //optional - will cause the `this` value to be correct
});