Question

如何设置Jquery UI dialog 中的button为disable

$("#execcase-dialog").dialog({
title: "用例执行",
width: 770,
//height: $("#workiframe").height(),
autoOpen: false,
modal: true,
buttons: {
OK:function() {
在这里我想禁用这个OKbutton
}
}

Answer 1

按如下步骤操作

1. 给button添加一个ID

2. 禁用：在function 里面 $("#okBtn").linkbutton('disable');

3. 启用：$("#okBtn").linkbutton('enable');

buttons : [
    {text:'OK', id: "okBtn", handler: function(){
        $("#okBtn").linkbutton('disable');
        //$("#okBtn").linkbutton('enable');
    }}
]

Answer 2

方法1.
请到这个页面中，选择相应的jquery.ui，然后下载，jquery网站会自动把合并好的文件下载下来。
方法2.
自动把所有的js文件中的代码拷贝到一个js文件中就ok了。

Answer 3

$(":button").prop("disabled",true);

Answer 4

在show里面控制，如下
$("#execcase-dialog").dialog({
title: "用例执行",
width: 770,
//height: $("#workiframe").height(),
autoOpen: false,
modal: true,
buttons: {
OK:function() {
在这里我想禁用这个OKbutton
}
},
show:function(){
$(":button").attr("disabled","disabled"); //所以按钮不可用
//$(":button").slice(0,1).attr("disabled","disabled"); //多个按钮时只设置某些按钮不可用
}
})