updatepanel et rafraichissement visible

Version imprimable

16/03/2011, 12h23
shonem

updatepanel et rafraichissement visible

Bonjour à tous.

J'utilise des updatepanel (comme appris grace à ce forum :ccool:) pour ne rafraichir qu'une parti d'un form par contre la j'ai un gros probleme.

J'utilise un updatepanel mais la rafraichissement de la zone updatepanel avec un flash de rafrichissement tres desagreable. Mais balise son bien fermer et j'ai bien mis dans l'assemblies de mes web config system.web.extensions.

Est-ce qu'il y a autre chose à ajouter ou me suis-je tromper dans ma demarche.

D'avance merci
16/03/2011, 13h08
Ramajb

Salut,

ce serait bien si tu nous montre ton code balisé :D

a+

Desolé j'ai pas pensé à le mettre le voici

Code:

1
2
3
4
5
<asp:UpdatePanel runat="server">
	<ContentTemplate>
		<asp:TextBox ID="AF_cp" runat="server" AutoPostBack="true" OnTextChanged="SearchVille" TabIndex="1" />
	</ContentTemplate>
</asp:UpdatePanel>

et dans le web.config

Code:

1
2
3
4
5
6
7
8
9
<system.web>
 
<compilation debug="true">
	<assemblies>
		<add assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
		<add assembly="System.Design, Version=2.0.0.0, Culture=neutral, PublicKeyToken=B03F5F7F11D50A3A"/>
	</assemblies>
</compilation>
....

16/03/2011, 13h30
topolino

Mets un ID sur ton updatePanel et essaye la methode update().
16/03/2011, 13h33
Ramajb

Citation:

J'utilise un updatepanel mais la rafraichissement de la zone updatepanel avec un flash de rafrichissement tres desagreable

C'est pas clair, j'ai du mal à le comprendre :sleep: Pourrais tu nous donner un peu plus d'explication, ce que tu veux faire réellement, le probleme?. Déjà, tu utilise un UpdatePanel sans definir le <Triggers>, c'est mal :mrgreen:

a+

@Ramajb : le fait d'utiliser un updatepanel implique automatiquement l'utilisation d'un trigger? je ne savais pas merci pour l'info. j'en mettrai automatiquement du coup ;)

Pour expliquer le probleme un peu plus clairement (enfin je vais essayer).
Lorsque je change la valeur de mon textbox il y a un rafraichissement comme si j'appuyais sur F5 en gros. Ce qui fait que mon formulaire disparait et réapparait en l'espace d'une seconde. Ce qui produit ce que j'appelle un flash

@topolino j'ai deja essayer avec un id et la methode update mais cela ne marche pasvoici le code que j'ai utilise pour cela
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <div> <asp:UpdatePanel runat="server" ID="upd_cp"> <ContentTemplate> <asp:TextBox ID="tbx_cp" runat="server" AutoPostBack="true" OnTextChanged="AssociatedVille" /> </ContentTemplate> </asp:UpdatePanel> <asp:UpdateProgress ID="UpdateProgress101" runat="server" AssociatedUpdatePanelID="upd_cp"> <ProgressTemplate> <img src="progressbar.gif" alt="" /> </ProgressTemplate> </asp:UpdateProgress> </div> <div> <asp:UpdatePanel runat="server" ID="upd_ville"> <ContentTemplate> <asp:DropDownList ID="ddl_ville" runat="server" /> </ContentTemplate> </asp:UpdatePanel> </div>

16/03/2011, 14h31
shonem
@ramajb j'ai tester de mettre un trigger
Code:

1 2 3 <Triggers> <asp:PostBackTrigger ControlID="upd_cp" /> </Triggers>
mais il me sort ca

Citation:

RegisterAsyncPostBackControl or RegisterPostBackControl must implement either INamingContainer, IPostBackDataHandler, or IPostBackEventHandler.

que je ne comprends pas bien.
De meme peux tu m'expliquer rapidement la difference entre PostBackTrigger et l'AsyncPostBackTrigger. Sinon j'irais voir sur le net mais c'est pour que ce soit vraiment adapté à mon niveau sur le sujet (ie noob)

Merci
16/03/2011, 15h56
calagan99

shonem : un PostBackTrigger va effectuer un rechargement complet de la page et donc un "flash".
Dans ton cas, il te faut un "AsyncPostBackTrigger.
Qui plus est, le trigger n'est pas l'updatePanel lui-même, mais le contrôle qui doit le recharger (ton TextBox ou ta DropDownList).

Cela dit, il n'est dans ton cas pas utile de préciser de trigger car l'UpdatePanel expose une propriété ChildrenAsTriggers (par défaut à true) qui signifie : tous les enfants de l'updatePanel sont des triggers.

Enfin, la méthode Update() de l'updatePanel ne peut être appelée que lorsque la propriété UpdateMode (par défaut à Always) a la valeur "conditional". Or, tu n'as pas précisé la valeur de cette propriété, elle est donc initialisée à Always, ce qui signifie que tout postBack (partiel ou complet) mettra à jour l'updatePanel.

Sinon, il te faut TOUJOURS mettre un ID à un contrôle serveur.

Enfin, pourquoi avoir crée deux updatePanels dans ta page ?
Un seul suffit pour y mettre tous tes contrôles.
Et, pour afficher l'UpdateProgress, ajoute lui la propriété AssociatedUpdatePanelID à laquelle tu donnes le nom de l'UpdatePanel dans lequel se trouve l'UpdateProgress.
16/03/2011, 16h33
shonem

Merci pour tes explications Calagan99
Ca confirme ce que je pensais.

Pour la methode update j'avais essayé en mettant l'attribut updatemode="conditional" mais ca ne marche pas non plus. J'ai toujours un rafraichissement. Je me demande si c'est pas mon javascript ou jquery qui fait un blocage la dessus j'ai réussi à le rendre plus discret grâce à l'aide de la communauté mais j'ai pas encore réussi à arriver exactement à ce que je veux c'est à dire 0 flash mais bon je vais continuer à chercher.

Par contre petite verification dans l'exemple de mon code que j'ai donné ma textbox et ma ddl dans les update panel se rafraichisse forcement avec un petit flash il n'y a pas de solution pour eviter ca car c'est le seul rafraichissement qu'il me reste.

Merci à tous de vos réponses et explications

Salut, pour s'assurer que tout marche bien sur ta machine, créer un nouveau projet web app, et ajouter le code suivant dans form:

Code:

1
2
3
4
5
6
7
8
9
10
<asp:TextBox ID="TextBox1" runat="server" AutoPostBack="true" OnTextChanged="TextBox1_TextChanged" />
        <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
          <ContentTemplate>            
            <asp:DropDownList ID="ddl_ville" runat="server">               
            </asp:DropDownList>
          </ContentTemplate>
          <Triggers>
            <asp:AsyncPostBackTrigger ControlID="TextBox1" EventName="TextChanged" />
          </Triggers>
        </asp:UpdatePanel>

Dans le code behind

Code:

1
2
3
4
protected void TextBox1_TextChanged(object sender, EventArgs e)
        {            
            ddl_ville.Items.Add(TextBox1.Text);            
        }

Normalement tu ne devrais pas avoir de flash avec ce code car ça marche bien sur ma machine.

a+