Posts Tagged ‘ Javascript;ModalPopUp ’

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)

Anuncios