ModalPopup et Web Form

**Opec78** · 30/03/2012, 14h57

Bonjour à tous,

Je suis confronté à un problème concernant l'utilisation du ModalPopup présent dans l'AjaxControlToolkit.

En effet, après avoir suivi les instructions de ce tutoriel, j'ai souhaité remplacé le contenu du panel par un lien vers une Web Form. De cette façon, lorsque l'utilisateur clique sur le bouton, un pop-up comprenant le contenu de la Web Form en question s'affiche. Cette Web Form contient tout ce qu'il faut : le code HTML pour les contrôles ainsi que du code C# pour les instructions.

Cependant, je ne vois pas comment procéder pour intégrer cette Web Form dans le panel.

J'avais trouvé une autre solution en utilisant la fonction Javascript showModalDialog() mais elle ne me convient pas, notamment car elle ne permet pas de cacher la barre de titre et d'adresse.

Quelqu'un aurait-il un lien ou une quelconque piste me permettant de résoudre ce problème ?

Merci d'avance

**ragu23** · 30/03/2012, 16h23

Tu peux utilise le contrôle Frame pour afficher le contenu de ton lien

**Opec78** · 02/04/2012, 09h19

Envoyé par aguetat

Tu peux utilise le contrôle Frame pour afficher le contenu de ton lien

Merci beaucoup pour ta réponse, aguetat ! Cela semble résoudre mon problème

Pour ceux que cela pourrait intéresser, voici le code modifié pour y faire apparaître une page HTML (modification visible à la ligne 23) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs" Inherits="WebApplication1.WebForm3" %>
<%@ Register TagPrefix="asp" Namespace="AjaxControlToolkit" Assembly="AjaxControlToolkit"%>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}</style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Button ID="ClientButton" runat="server" Text="Launch Modal Popup (Client)" />
        <asp:Button ID="ServerButton" runat="server" Text="Launch Modal Popup (Server)" OnClick="ServerButton_Click" />
 
    <asp:ScriptManager ID="asm" runat="server" />    
 
    <asp:Panel ID="ModalPopup" runat="server"><iframe src="WebForm1.aspx" width="500px" height="500px"></iframe><br /><asp:Button ID="OKButton" Text="Close" runat="server" /></asp:Panel>
 
    <ajaxToolkit:ModalPopupExtender ID="mpe" runat="server" TargetControlId="ClientButton"
	    PopupControlID="ModalPopup" OkControlID="OKButton" BackgroundCssClass="modalBackground" />
 
    <script runat="server">
	    protected void ServerButton_Click(object sender, EventArgs e)
	    {
		    ClientScript.RegisterStartupScript(this.GetType(), "key", "launchModal();", true);
	    }
    </script>
 
 
    <script type="text/javascript">
	    var launch = false;
	    function launchModal()
	    {
	    	launch = true;
	    }
 
	    function pageLoad() {
	        if (launch) {
	            $find("mpe").show();
	        }
	    }
    </script>		
 
    </div>
    </form>
</body>
</html>

A noter que le style défini entre les lignes 9 et 13 permet d'afficher la fenêtre principale avec de l'opacité afin de bien faire ressortir la pop-up modale.

ModalPopup et Web Form

ASP.NET Ajax

Vue hybride

Discussions similaires

Partager

Partager