A4J:关闭jquery对话框后仍然禁用CommandButton

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" />

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函数以启用delete按钮。

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