Master page, changer content page

Version imprimable

Bonjour, je suis un peu coincé sur la compréhension de la master page

j'ai beau regarder des tuto etc, ca explique toujours "master page d'un coté, content page de l'autre" etc

ce que je cherche à faire est assez banal

changer le contenu de la page affiché quand je clic sur differents éléments d'un menu inseré dans la master page

les pistes que j'ai exploré sans succès, sont les suivantes

- mettre 1 ContentPlaceHolder par "sous page" et jouer avec des visibles, databind et autres

- mettre 1 seul ContentPlaceHolder et essayer de charger une content page dedans ou qq chose comme ca

je pense avoir raté quelque chose dans la compréhension ou l'utilisation de la master page et content page, mais je ne trouve pas quoi

ma master page est la suivante :

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
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
 
<!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>Site CG</title>
    <link href="CGCSS.css" rel="stylesheet" type="text/css"/>
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body class="Body">
    <form id="form1" runat="server" dir="ltr">    
        <div>
        <asp:Menu ID="Menu1" runat="server" onmenuitemclick="Menu1_MenuItemClick">
            <Items>
                <asp:MenuItem Text="Procédures" Value="Procédures"></asp:MenuItem>
                <asp:MenuItem Text="Données" Value="Données"></asp:MenuItem>
            </Items>            
        </asp:Menu>
            <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Proc" />
            <asp:Button ID="Button2" runat="server" onclick="Button2_Click" Text="Grid" />
        <asp:ContentPlaceHolder id="MainContent" runat="server">
        </asp:ContentPlaceHolder>
 
    </div> 
 
        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
 
 
    </form>
</body>
</html>

mes 2 contents pages sont les suivantes

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
<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Procedures.aspx.cs" Inherits="Procedures" Title="Untitled Page" %>
 
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" Runat="Server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:Button ID="BtnProc1" runat="server" Text="Button" 
                onclick="BtnProc1_Click" />
            <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
 
        </ContentTemplate>
    </asp:UpdatePanel>
 
    <asp:UpdatePanel ID="UpdatePanel2" runat="server">
        <ContentTemplate>
            <asp:Button ID="BtnProc2" runat="server" Text="Button" />
            <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
        </ContentTemplate>
    </asp:UpdatePanel>
 
    <asp:UpdatePanel ID="UpdatePanel3" runat="server">
        <ContentTemplate>
            <asp:Button ID="BtnProc3" runat="server" Text="Button" />
            <asp:Label ID="Label3" runat="server" Text="Label"></asp:Label>
        </ContentTemplate>
    </asp:UpdatePanel>    
 
</asp:Content>

et la 2eme
la page est assez chargée, je met juste le début

Code:

1
2
3
<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default4.aspx.cs" Inherits="Default4" Title="Untitled Page" %>
 
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" Runat="Server">

et enfin le code du menu de la master, qui est donc incomplet...

Code:

1
2
3
4
5
6
7
    protected void Menu1_MenuItemClick(object sender, MenuEventArgs e)
    {
        if (Menu1.SelectedItem.Text == "Procédures")
        {
            //blabla
        }
    }

si vous avez des idées, je suis tout ouie !

05/03/2008, 19h21
lutecefalco

En effet, t'as raté pas mal de choses :D

Tu dois rien mettre dans le ContentPlaceHolder.
Tu devrais regarder qqs tutos sur les MasterPage
06/03/2008, 10h55
mcolo

le contentplaceholder de la master page est bien vide

en revanche, si on ne remplit pas ceux des contentpage... me demande bien comment remplir ces contentpage alors ^^
enfin, je continue de chercher
06/03/2008, 11h23
tortuegenie

Une masterpage est une sorte de frame.

Chaque content que tu remplis est une page spécifique.

Donc dans ton menu quend tu cliques sur un lien il suffit de faire un Response.Redirect() ou NavigateUrl("lenomdelapagefille").

Je ne vois pas trop ou est le problème.

Effectivement certains tuto sont mieux que d'autre, et c'est un principe de base en asp.net et bien pratique
06/03/2008, 11h36
mcolo

Eh oui tortue, je viens de m'en rendre compte il y a environ 10 minutes que ce que je voulais faire était un lien tout simple avec la propriété "NaviguateUrl" du menu...

En revanche, je m'étais fourvoyé (mot compte triple) sur le principe des master page et content page.

Je souhaitais que ça ne recharge que la partie où se trouve le contenu du contentplaceholder au lieu de la page entiere.
Autrement dit, de l'Ajax.

Mais vu que le master page fonctionne comme un calque que l'on superpose à sa contentpage, ce n'est pas possible par ce moyen. Du coup, je cherche maintenant faire en utilisant tout de même une master page.
06/03/2008, 12h02
lutecefalco

Si tu changes de page, y aura un rafraichissement quoiqu'il arrive
28/05/2008, 15h07
david4444

Petite question supplémentaire ...
Comment est-il possible de forcer le contenu du ContentPlaceHolder ?

Par exemple, dans le ContentPlaceHolder de la MasterPage,
j'ai Page1
et je veux Page2,
quand je clique sur le Bouton de la Page1. :?

N'hésitez pas à m'éclairer car j'arrive à changer la sélection (tabulation active), mais pas le contenu correspondant à la tabulation active.
avec ce code dans la méthode du bouton de la Page1 :
Code:

1 2 3 Menu Menu1 = (Menu) Master.FindControl("Menu1"); Menu1.Items[1].Selected = true;
:(

David.
28/05/2008, 16h20
dinguot

une seule réponse ;)
xmlhttprequest
cela va te permettre de recharger uniquement le contenu d'un div sans recharger toute la page
29/05/2008, 08h32
david4444

Merci

OK, merci pour l'info, je vais pouvoir explorer de ce côté.
à + ;)

David.