Discussion :

[lgrasset]

Bonjour,

Je me retrouve devant un souci technique concernant ASP/AJAX.

Voilà mon problème :
J'aimerais pour mon site que le contenu central soit rafraîchi par le menu grâce à un UpdatePanel. J'aimerais un rendu similaire au site www.wygwam.com.

Merci d'avance

[Le-Cortex]

Et c'est quoi le problème?

[lgrasset]

Le problème, c'est comment le faire ??

Sur certains blogs, j'ai vu qu'on pouvait le faire avec des triggers mais je ne comprends pas comment le faire.

Le rafraichissement central doit permettre d'afficher plusieurs pages différentes comme sur le site www.wygwam.com.

Merci

[Le-Cortex]

Un UpdatePanel, mais a priori, tu ne dois pas obligatoirement utiliser de trigger.
Ca ne doit pas être trop dur à faire je pense.
Regarde sur les exemples ajax sur le site officiel, ca doit pouvoir t'aider

[bizet]

Voila une bonne doc à lire, seul soucis c'est que c'est en Anglais.

Mais tu verras il y a tout ce qu'il faut pour commencer à faire un peu d'AJAX.

[Chubyone]

Et c'est quoi le problème?

+1

Tu as des panels de chaque coté, ton updatepanel au milieu, tu attribues ton bouton à l'extérieur via un trigger, c'est hyper easy... Juste du click click dans le designer :
tu sélectionner ton updatepanel, tu click sur la propriété trigger, tu ajoute des asynchron trigger en sélectionnant leur id et l'évennement désiré (click pour changer^^ tu en créé un seul pour tous tes boutons...)

n rulez!

[lgrasset]

Chubyone, j'ai essayé ce que tu m'as dit, mais rien ne se passe. Voici mon code :

<div id="centre">
<asp:UpdatePanel ID="UP1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:ContentPlaceHolder ID="contenu" runat="server">
</asp:ContentPlaceHolder>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="lb1" EventName="Click" />
</Triggers>
</asp:UpdatePanel>

</div>
<div id="footer">
<asp:LinkButton ID="lb1" runat="server" Text="Rafraichir via Ajax" />
</div>
</div>

Cela vient peut etre du fait que j'utilise des ContentPlaceHolder. Qu'en pensez-vous ?

[Le-Cortex]

Tu as bien fait un projet web qui inclut ajax?

[lgrasset]

bien entendu.

[Chubyone]

Hihihi, je cherchais compliqué, mais je viens de m'apercevoir de quelque chose

Code :

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

1
2
3
4
<div id="footer">
<asp:LinkButton ID="lb1" runat="server" Text="Rafraichir via Ajax" OnClick="lb1_Click" />
</div>

Il ne faut pas oublier de définir l'évennement click du LinkButton

ainsi que dans le cs :

Code :

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

1
2
3
4
5
 
protected void lb1_Click( object sender, EventArgs e )
{
this.unlabeldansleupdatepanel.Text = DateTime.Now.Second.ToString();
}

[lgrasset]

J'ai modifié le code avec ce que tu m'as dit, mais toujours le même problème.

Comment changer le contenu avec les COntentPlaceHolder ?

[Chubyone]

Code :

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

1
2
3
4
5
6
protected void lb1_Click( object sender, EventArgs e )
{
Label kl = new Label();
kl.Text = DateTime.Now.Second.ToString();
this.contenu.Controls.Add( kl );
}

Mais il faudrait revoir l'archi du site :
si ton souhaites raffraichir une partie de la page, il ne s'agit plus que d'une page, ou une partie du contenu est raffraichit dans l'updapanel : la masterpage n'a plus d'intéret.

N'oublis pas que dans ce cas, la notion précédent/suivant n'existe plus : il faut trouver l'astuce pour la simuler.

[lgrasset]

ok, ça marche. Merci pour tes conseils.

A la place du label, j'aimerais utiliser des formulaires entiers. Comment je peux stocker ces formulaires ?? Utilisation de Web User Control ??

[Chubyone]

Oui, au lieu de page aspx tu utilises des ascx.