jquery - a4j：关闭 jquery 对话框后，commanbutton 仍然禁用

Question

单击删除按钮时会显示自定义弹出窗口。单击时禁用删除。当用户单击确定或取消按钮时，删除操作后启用“删除”按钮。单击对话框中的 X 按钮时，对话框立即关闭，但删除按钮仍处于禁用状态。以下是我的代码

下面的按钮代码

<a4j:commandButton id="btnDelete" execute="@form" value="Delete" onclick="this.disabled=true;javascript:showModalPopup('delete_popup_id','btnDelete',300);" tabindex="4" immediate="true" />

使用 jQuery 的 showModalPopup 函数打开对话框

/** 此函数用于打开显示模式弹出窗口 */

function showModalPopup(popupId, popUpWidth) {
    $( "#"+popupId).dialog({
        modal: true,
        width: popUpWidth,
        resizable: false
    }); 
}

自定义弹出代码

<div id="delete_popup_id" title="Application name" class="divOff">
   <h:form ">
   <h:outputText value="" />
   <div align="center" id="timerButtonPanel">
   <h:commandButton value="ok" action=""  />
   <h:commandButton value="cancel"/>
   </div>
   </h:form>
</div>

Answer 1

将您的 javascriptshowModelPopup函数更改为：

function showModalPopup(popupId,popUpWidth){
    $( "#"+popupId).dialog({
        modal: true,
        width: popUpWidth,
        resizable: false,
        close: enableDeleteButton
    }); 
}

添加此 javascript 函数以启用删除按钮。

function enableDeleteButton(){
    document.getElementById('btnDelete').disabled=false;
}