2013-10-24 36 views
1

自定義彈出顯示onclick刪除button.Delete被禁用onclick。 當用戶點擊確定或取消按鈕「刪除」按鈕後,刪除操作啓用。 當對話框X按鈕後,對話框將立即關閉,但在禁用state.Below還是刪除按鈕是我的代碼a4j:關閉jquery對話框後commanbutton仍然被禁用

下面的代碼鍵

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

回答

0

更改你的JavaScript showModelPopup功能:

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

添加這個JavaScript函數來啓用刪除按鈕。

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