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

时间:2013-02-11 07:59:57

标签: knockout.js jquery-ui-dialog

我使用了knockout-jquery-ui-widget.js的淘汰和jQuery UI。

我创建了对话框:

        <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中编写自己的模板,是否有可能做到这一点?

1 个答案:

答案 0 :(得分:-1)

我不知道这是否会起作用,因为我从未使用过jquery ui库,但是Knockout提供了它自己的disable绑定

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

amIDisabled在视图模型中是可观察的