Modal Pop Up Ajax – Forzar Evento Click
Si tenemos un modal popup extender con ajax, y queremos que los botones de Aceptar y Cancelar típicos del formulario actúen tanto para ocultar y validad el contenido del modal pop up, deberemos agregar el siguiente código:
–>Funciones javascript:
function fnClickOK(sender, e)
{ __doPostBack(sender,e); }
//Muestra el modalpopup
function ShowModalPopup()
{
var modal = $find(‘ctl00_ContentPlaceHolder1_mdlPopup’);
modal.show();
}
//Oculta el modalpopup
function HideModalPopup()
{
var modal = $find(‘ctl00_ContentPlaceHolder1_mdlPopup’);
modal.hide();
}
–> Configuracion modal pop up
<cc1:ModalPopupExtender ID=»ModalPopUP» runat=»server» PopupControlID=»mdlPopup» TargetControlID=»mdlPopup» BackgroundCssClass=»modalBackground» CancelControlID=»btnCancelar» OnCancelScript=»HideModalPopup()»> </cc1:ModalPopupExtender>
(Usamos los scripts de javascript para ocultar el popup, también podemos agregar OKControlID con el btnAceptar).
–> Código .NET Page_Load:
btnAceptar.OnClientClick = String.Format(«fnClickOK(‘{0}’,'{1}’)», btnAceptar.UniqueID, «»);
btnCancelar.OnClientClick = String.Format(«fnClickOK(‘{0}’,'{1}’)», btnCancelar.UniqueID, «»);
(Con este código forzamos a que haga el código que tenemos en los botones btnAceptar y btnCancelar en el interior del popup)