Question

我刚刚开始学习Knockout，并且有一个有趣的坐姿。

我有一个＆＃34;向导＆＃34;有三个步骤。根据步骤1和步骤2中的选择，步骤3中应显示不同的内容。

我在Knockout中创建了一个函数：

self.canSendLetter = ko.computed(function () {
    console.log('Inside canSendLetter');
    if (self.priceStatus == "success") {
        return true;
    }
    return false;
});

在我的前端，我尝试了以下两个数据绑定：

<input id="btnsubmit" type="submit" class="btn btn-primary btn-lg submitAbe" value="@ViewRes.StampAndSendLetter &raquo;" data-bind="visible: canSendLetter(), click: save" />

我可以看到＆＃34;内部的Candsendletter＆＃34;我加载页面时正在记录。但是，我需要这个＆＃34;可见的绑定＆＃34;更新，当我转到我的向导中的第3步时。

目前我在goToStepThree中有以下代码：

 self.goToStepThree = function () {
        if (self.uploadPdf() == 1 && self.uploadFileKey() == '') {
            self.showMissingUpload(true);
            return false;
        } else if (self.writeContentEditor.getData() == '') {
            self.showMissingWriteContent(true);
            return false;
        }

        var thiz = self;
        var writtenContent = encodeURIComponent(self.htmlEncode(self.writeContentEditor.getData()));
        $.ajax({
            url: self.getPriceUrl,
            type: 'POST',
            data: {
                usePdf: self.uploadPdf() == 1 ? 'true' : 'false',
                uploadFileKey: self.uploadFileKey(),
                content: writtenContent,
                address: self.address(),
                postal: self.postal(),
                city: self.city(),
                country: self.country()
            },
            dataType: 'json',
            success: function (data) {
                thiz.priceStatus = data.status;
                thiz.priceStatusMessage = data.message;
                thiz.cost(data.price);
                thiz.numberOfPages(data.numberOfPages);
                if (data.isAuthenticated) {
                    self.isAuthenticated(true);
                    self.isValidCredits(data.isValidCredits);
                    self.paymentMethod('Credits (' + data.credits + '$ left)');
                }

                thiz.currentStep(3);

            }
        });
    };

所以我的问题是：

当我进入第三步时，如何确保我的btnsubmit按钮正在调用canSendLetter函数？

修改：

我的观点模型：

我在这里将priceStatus和priceStatusMessage定义为observables：

 self.priceStatus = ko.observable('');
    self.priceStatusMessage = ko.observable('');

Answer 1

您的priceStatus字段确实是observable，但必须正确使用：

比较它的值（吸气剂）：

self.canSendLetter = ko.computed(function () {
    console.log('Inside canSendLetter');
    return self.priceStatus() === "success";
});

当设置它的值（setter）时：

success: function (data) {
         thiz.priceStatus(data.status);
         thiz.priceStatusMessage(data.message);
         ...
         }

当您的ViewModel上的某些数据发生变化时，Knockout无法获得通知，唯一的方法是通过能够“通知订阅者”的observable机制（例如您的canSendLetter计算机）。

请参阅Documentation。

更新Knockout中的可见绑定？

1 个答案: