ModalPopupExtender (MPE) AjaxControlToolkit

Hola  amigos, aquí  les dejo un  pequeño , pero muy pequeño ejemplo de como usar el MPE.
Empecemos, primero Creamos un Website

Agregamos una Nueva Referencia a Nuestro WebSite , el DLL del AjaxControlToolkit


Automáticamente el DLL  se agregara en la carpeta Bin


Registraremos el Dll en la pagina como se ve en la Imagen y  Creamos un Estilo ( para el fondo oscuro de nuestro popup, en mi caso elegí el color negro,
pero ustedes pueden elegir el color que mas os guste)


de la Barra de herramientas arrastramos un Botón , luego un UpdatePanel, y dentro del UpdatePanel le agregaremos toditititito lo que queremos que se
muestre en nuestro Popup.
en mi caso me queda algo así


Ahora agregaremos un ScriptManager , de la siguiente Manera: 


del cuadro de herramientas agregaremos el control ModalPopupExtender y además agregamos las propiedades que vemos en la imagen


Ahora aquí habrá un detalle, cuando mostremos el popup nos saldrá sin fondo, o mejor dicho el fondo será el mismo que el fondo del popup.
para corregir esto, creamos un div y le  ponemos fondo blanco, y todo el contenido del UpdatePanel lo movemos dentro del div, como se ve en la imagen


En el Botón Aceptar ( que esta dentro del popup) en su evento click , le daremos q se cierre el popup así :


Ejecutamos el Proyecto y cuando demos click al Botón Mostrar Popup , nos aparecerá el contenido del updatepanel de la siguiente manera :D
y tataaaaaa !!!! .... listo tenemos nuestro ModalPopupExtender, aquí adentro podemos poner toooodo lo que necesitemos, así como una búsqueda, o
un pequeño mantenimiento, y todo lo que se nos ocurra.


y listo , eso es todo, luego pondré mas cositas ahora que ya estoy un poco mas Free :D ,  bueno hasta el siguiente post, nos vemos!!! saludos

ahhh. me olvidaba descarga el ejemplo aqui


Comentarios

Entradas populares de este blog

¿Porqué Javascript retorna cero para parseInt('08') y parseInt('09')?

Exportar un CrystalReport a Pdf

Curso de Algoritmica Parte1