jquery-ui - 如何将 Jquery 对话框按钮绑定(bind)到 knockout View 模型

Question

我想做的是制作一个对话框，其中按钮数据绑定(bind)到 knockout View 模型，因此我可以根据表单上的各种条件启用或禁用这些按钮

但是您在 jquery 对话框中制作按钮的方式与正常情况有些不同。

有人对此有解决方案吗？

Answer 1

请务必申请您自己的class到对话框的按钮:

$("#dialog").dialog({
    buttons: [{
        text: 'Ok',
        class: 'ok-button'
    }]
});

捕获button.ok-button并申请 data-bind归因于它(这里是 visible，只是为了向您展示它有效)。在这里，name是我们 View 模型的一个可观察属性:

$("button.ok-button").attr("data-bind", "visible: name().length");

正常应用绑定(bind):

var model = { name: ko.observable('') };
ko.applyBindings(model);

这是一个示例，如果 name 则隐藏对话框上的“确定”按钮(可观察的)长度为 > 0 : http://jsfiddle.net/9cRFy/