var dialogName = $("#table_form_box_dialog");
var dialogButton = dialogName.siblings(".ui-dialog-buttonpane");
var str = document.getElementById("input_box").value;
if(str == null){
//使第一个按钮置灰,第二个按钮隐藏
dialogButton.find("button").eq(0).attr("disable",true);//置灰
dialogButton.find("button").eq(1).css("display","none");//隐藏
}
鸣谢:参考这里
页面上的相应代码如下:
<div id="pop_dialog" title="保存数据" style="display: none;">
保存/放弃已添加的数据.
</div>
xx.js 代码如下,
function InitializeEditResultDialog() {
$("#pop_dialog").dialog({
autoOpen: false,
resizable: false,
height: 200,
width: 400,
modal: true,
closeOnEscape: true,
buttons: {
"Yes": function () {
$(this).dialog("close");
ProcessData();
},
"No": function () {
$(this).dialog("close");
ProcessData();
}
}
});
}
如果想根据条件控制dialog中的“Yes” 按钮变灰,可以:
$("#btnSave").click
(
function(){
$("#pop_dialog").dialog('open');
if (validateInputBox() == false)
{
$('.ui-dialog-buttonpane').find('button:contains("Yes")').attr("disabled", "disabled");
}
else
{
$('.ui-dialog-buttonpane').find('button:contains("Yes")').removeAttr("disabled");
}
}
);
注意:一定要是classId = ‘.ui-dialog-buttonpane’,这是Jquery自己给加上的,通过这个就能找到“Yes”按钮了,就可以控制其样式了。
或者
var button1 = $('.ui-dialog-buttonpane').children('button')[1];
$(button1).removeClass('ui-button-text-only').addClass('ui-button-text-icon');
或者
$("#id-dialog").dialog
(
{
modal: true,
buttons:
{
'Login': logIn,
Cancel: logOut
},
open: function()
{
$buttonPane = $(this).next();
$buttonPane.find('button:first').addClass('accept').addClass('ui-priority-primary');
$buttonPane.find('button:last').addClass('cancel').addClass('ui-priority-secondary');
}
}
);