[DEBUTANT] Modal popup extender ne s'affiche pas

Bonjour,

J'essaie d'utiliser le modal popup extender sur une gridview mais lors de mon clic, le popup ne s'affiche pas.

j'ai essayé de m'inspirer de ce code : http://mattberseth.com/blog/2007/07/...ample_for.html

je n'arrive pas a comprendre ou est ce que je faute :?
voici mon code :

Code:

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
 
<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="GestionNfi.aspx.cs" Inherits="logistique_GestionNfi" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
 
<asp:Content ID="Content2" ContentPlaceHolderID="mainContent" Runat="Server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
        <ContentTemplate>
            <asp:GridView ID="GridView1" runat="server" AllowPaging="True">
                <Columns>
			        <asp:TemplateField ControlStyle-Width="50px" HeaderStyle-Width="60px">
                        <ItemTemplate>
                            <asp:Button ID="btnViewDetails" runat="server" Text="Edit" OnClick="BtnViewDetails_Click" />
                        </ItemTemplate>
                    </asp:TemplateField>                
                </Columns>	
            </asp:GridView>
        </ContentTemplate>
    </asp:UpdatePanel>
 
    <asp:Button id="btnShowPopup" runat="server" style="display:none" />
    <asp:ModalPopupExtender ID="mdlPopup" runat="server" TargetControlID="btnShowPopup" PopupControlID="pnlPopup" CancelControlID="btnClose" BackgroundCssClass="modalBackground">
    </asp:ModalPopupExtender>
    <asp:Panel ID="pnlPopup" runat="server" Width="500px" CssClass="modalBox">
        <asp:UpdatePanel ID="updPnlCustomerDetail" runat="server" UpdateMode="Conditional">
            <ContentTemplate>
                <asp:Calendar ID="Calendar1" runat="server"></asp:Calendar>
            </ContentTemplate>                
        </asp:UpdatePanel>
        <div>test <br />
        </div>
    </asp:Panel> 
</asp:Content>

code behind

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
public void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            // Je charge ma gv
            this.GridView1.DataSource = ReqSQL.GetAllNfi(0, "", "2010", "127.0.0.1");
            this.GridView1.DataBind();
        }
    }
 
    protected void BtnViewDetails_Click(object sender, EventArgs e)
    {
        //  get the gridviewrow from the sender so we can get the datakey we need
        Button btnDetails = sender as Button;
        GridViewRow row = (GridViewRow)btnDetails.NamingContainer;
 
        //  update the contents in the detail panel
        this.updPnlCustomerDetail.Update();
        //  show the modal popup
        this.mdlPopup.Show();
    }

Lors de l'exécution je rentre bien dans l'évènement BtnViewDetails_Click mais aucuns résultats.

Quelqu'un pourrai m'éclairer ?
je vous remercie d'avance de votre aide