发生某些事件后，如何在KO JS中禁用按钮？

Question

在页面上加载表之后，我正在尝试启用禁用按钮。

self.uploadPdfButtonIsEnabled = false;
self.pricingTableRenderedHandler = function (data, stateName) {
        self.uploadPdfButtonIsEnabled = true;

        //some other irrelevant logic
}

.cshtml文件

 <button class="button button--primary" id="uploadPdfsButton" data-bind="click: $root.openPdfUpload, enable: uploadPdfButtonIsEnabled">
      <span class="button__text">Upload PDF</span>
 </button>

结果，我只能禁用此按钮，并且未启用它。试图调试和输入 pricingtablerenderedhandler ， uploadpdfbuttonisenabled 成为True，但该按钮仍然禁用

Answer 1

您必须使用可观察的敲除绑定才能自动更新：

// Pass the initial value: `false`
self.uploadPdfButtonIsEnabled = ko.observable(false);
self.pricingTableRenderedHandler = function (data, stateName) {
  // Update by calling with the new value: `true`
  self.uploadPdfButtonIsEnabled(true);
}