Archivo de noviembre 2009

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)