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
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
Publicar un comentario