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

【问题标题】：a4j:commanbutton still disabled after closing jquery dialog boxa4j：关闭 jquery 对话框后，commanbutton 仍然禁用
【发布时间】：2013-11-03 04:56:38
【问题描述】：

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

下面的按钮代码

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

showModalPopup函数使用jQuery打开对话框

/** 此功能用于打开显示模式弹窗 */

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>

【问题讨论】：

标签： jquery jsf-2 richfaces

【解决方案1】：

将您的 javascript showModelPopup 函数更改为：

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

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

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

【讨论】：