AJAX: Problème de rafraichissement de la page

Version imprimable

Bonjour,

Dans une page aspx, je voudrais afficher des morceaux de page. Chaque fois que l'utilisateur clique sur un lien figurant dans un menu (a gauche), la partie droite de la page est rafrachie et il voit apparaitre (dans la meme page) un nouveau morceau de page.

Pour cela j'ai utilisé un master page dont voici le 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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
 
<%@ Master Language="C#" %>
 
<!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>Page sans titre</title>
</head>
<body>   
 
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
 
    <table border="0" align="center" cellpadding="0" cellspacing="0" width="96%">
        <tr align="center">            
 
           <td colspan="4"><!--#include file="../header.aspx"-->
                <br />
                <br />
                <br />
                <br />
            </td>    
 
        </tr>
 
         <tr align="center">
         <td height="90px" width = "40%">             
                     <asp:Menu ID="Menu1" runat="server" BackColor="#F7F6F3" 
                 DynamicHorizontalOffset="2" Font-Names="Verdana" Font-Size="0.8em" 
                 ForeColor="#7C6F57" StaticSubMenuIndent="10px" style="margin-bottom: 0px">
                         <StaticSelectedStyle BackColor="#5D7B9D" />
                         <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
                         <DynamicHoverStyle BackColor="#7C6F57" ForeColor="White" />
                         <DynamicMenuStyle BackColor="#F7F6F3" />
                         <DynamicItemTemplate>
                             <%# Eval("Text") %>
                         </DynamicItemTemplate>
                         <DynamicSelectedStyle BackColor="#5D7B9D" />
                         <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
                         <StaticHoverStyle BackColor="#7C6F57" ForeColor="White" />
                         <Items>
                             <asp:MenuItem NavigateUrl="~/GestionUtilisateur/Ajout.aspx" 
                         Text="Ajouter Un utilisateur" Value="Ajouter Un utilisateur"></asp:MenuItem>
                             <asp:MenuItem NavigateUrl="~/GestionUtilisateur/Modif.aspx" 
                         Text="Modifier un utilisateur" Value="Modifier un utilisateur"></asp:MenuItem>
                         </Items>
                     </asp:Menu>
 
             <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />
         </td>
         <td width = "60%">
             <asp:ContentPlaceHolder ID="Main" runat="server">
            </asp:ContentPlaceHolder>
         </td>
         </tr>
         </table>
    </form>
</body>
</html>

le code de la page qui sera incluse dans le masterpage:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
 
<%@ Page Language="C#" MasterPageFile="GestionUtilisateur.Master" Title="Content Page"%>
 
<asp:Content ID="Content2" ContentPlaceHolderID="Main" Runat="Server">
 
                <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                <ContentTemplate>
                    HELLO
                </ContentTemplate>
 
               </asp:UpdatePanel>
 
</asp:Content>

Mon problème est que toute la page est rafraichie. je ne c pas comment faire :(

Merci de m'aider à résoudre ce problème
Cordialement

je pense que ton updatepanel devrait etre dans la masterpage...

Quelque chose comme :

Code:

1
2
3
4
5
6
7
8
9
 
<td width = "60%">                
  <asp:UpdatePanel ID="UpdatePanel2" runat="server">
    <ContentTemplate>
      <asp:ContentPlaceHolder ID="Main" runat="server">
      </asp:ContentPlaceHolder>
    </ContentTemplate>
  </asp:UpdatePanel>
</td>

Et, dans ta page aspx :

Code:

1
2
3
4
5
6
7
8
9
<%@ Page Language="C#" MasterPageFile="GestionUtilisateur.Master" Title="Content Page"%>
 
<asp:Content ID="Content2" ContentPlaceHolderID="Main" Runat="Server">
 
                <ContentTemplate>
                    HELLO
                </ContentTemplate>
 
</asp:Content>

Apres, c'est a tester ;)

11/04/2008, 23h04
mooosh

Merci de m'avoir repondu

J'ai essayé ce que vous m'avez suggéré mais ca ne marche toujours pas. la page est rechargée en sa totalité :s
11/04/2008, 23h15
divinThomas

Bonjour,

Je ne suis pas un expert en asp, mais il me semble que asp:menu génère un postback qui recharge automatiquement la masterpage...
Les experts pourront peut être confirmer (ou infirmer) cette information. Merci à eux d'avance !

Je suis en train de chercher a faire la même chose que toi, mais je n'y suis toujours arrive pour le moment... :cry:

Mais si tu trouve la solution je suis intéressé !!! :mrgreen:
13/04/2008, 17h20
mooosh

Bonjour,

alors personne n'a une autre idée pour résoudre ce problème???
15/04/2008, 11h03
mow

Salut,

Pour information ce que tu veux faire pas la peine d'utiliser de MASTERPAGE le composant UPDATEPANEL devrait te suffire à lui seul.

Essaye ainsi et dis nous ou tu en es arrivé.
De mon conté j'essaie de te faire un exemple

A plus tard,
Mow