knockout.js - knockout.js - 如何在 jQuery uiDialog 中绑定禁用属性

Question

我使用 knockout 和 jQuery UI 和knockout-jquery-ui-widget.js。

我创建对话框：

        <div class="dialog" id="my-dialog" data-bind='jqueryui: { widget: "dialog", options:{autoOpen: false,modal:true,
                closeOnEscape: false,
                resizable: false,
                draggable: false,
                width: 600,
                position: "center top+80",
                title:MyApp.i18n.gettext("Configure")
                } }'>
                ...
                </div>

在我的代码中，我打开它：

$("#my-dialog").dialog("option", "buttons", that.getButtons()).dialog("open");

在哪里

that.getButtons = function(){
  return [{
    text: MyApp.i18n.gettext("Button1"),
    click: function(){
       ...
    },
    disable: ?
   }];
};

我的问题是，如何在 jQuery UIDialog 中将禁用值绑定到这个 jQuery UIButton。

如果不使用自己的按钮在 html 中编写自己的模板，是否有可能做到这一点？

Answer 1

我不知道这是否可行，因为我从未使用过 jquery ui 库，但 Knockout 提供了它自己的禁用绑定

<div class="dialog" id="my-dialog" 
     data-bind='disable: amIDisabled, jqueryui: { ... }'>
            ...
</div>

amIDisabled视图模型中的可观察对象在哪里