[ASP.NET][AJAX] Problème UpdatePanel /Click

Version imprimable

20/09/2007, 16h37
loic_86

[ASP.NET][AJAX] Problème UpdatePanel /Click

Bonjour à tous,

Je travaille sur un webform devant gérer l'ajax.
Ce composant contient un UpdatePanel lui même contenant un ensemble de composants graphiques. La répartition est la suivante : chaque ligne du webcontrol contient un bouton et un literalcontrol

Cette liste de composants est créé à partir d'une méthode.

Dans la méthode Init(), j'ajoute l'UpdatePanel dans le webcontrol et je fais appelle à la méthode servant à créér la liste des composants graphiques.

dans la méthode CreateChildControls, je fais un foreach sur ma liste et je créé les composants graphiques que j'ajoute dans l'UpdatePanel. Lorsque je créé le bouton j'ajoute un évènement Click. Dans cette méthode, je rajoute un composant graphique dans l'UpdatePanel.

Le problème est que lorsque je déploie le webcontrol sur une page, la bouton ne fait pas ce que je lui demande.

Je précise que j'ai bien installé les extensions asp.NET/Ajax sur mon serveur IIS 6 et que ma master page a bien un scriptmanager d'instancié.

Merci de votre aide :)

Loic
20/09/2007, 16h54
gwadakillah

peux tu montrer ton code?

à tu définit le control ID de ton trigger ?
Code:

1 2 3 <Triggers> <asp:AsyncPostBackTrigger ControlID="idControl" EventName="Click" /> </Triggers>

Pour commencer 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
35
36
37
38
39
40
41
42
43
44
45
 
 
        protected override void OnInit(EventArgs e)
        {
            base.OnInit(e);
            this.Controls.Add(_up);
            CreateList();
        }
 
        private void CreateList()
        {
            _list.Add("element 1");
            _list.Add("element 2");
            _list.Add("element 3");
            _list.Add("element 4");
            _list.Add("element 5");
 
        }
 
        protected override void CreateChildControls()
        {
            base.CreateChildControls();
 
            foreach (string nom in List)
            {
                Button bt = new Button();
                bt.Text = "+";
                bt.Click += new EventHandler(bt_Click);
                _up.ContentTemplateContainer.Controls.Add(bt);
                AsyncPostBackTrigger trigger = new AsyncPostBackTrigger();
                trigger.ControlID = bt.UniqueID;
                trigger.EventName = "Click";
                _up.Triggers.Add(trigger);
 
                LiteralControl elt = new LiteralControl();
                elt.Text = nom + "<br/>";
                _up.ContentTemplateContainer.Controls.Add(elt);
 
            }
        }
 
        void bt_Click(object sender, EventArgs e)
        {
            _up.ContentTemplateContainer.Controls.Add(new LiteralControl("ajout !!</br>"));
        }

Pour information mon fichier web.config est bien paramétré (sinon je n'aurais jamais pu afficher ma page :p)

Le webcontrol je le met dans un page layout et le script manager est dans la masterpage

20/09/2007, 17h33
gwadakillah

ce que je ne comprends pas, c'est quel interet as tu de mettre tes controles dynamiquement ?
20/09/2007, 17h35
oyigit

Au lieu de

Code:

trigger.ControlID = bt.UniqueID;

Essai

Code:

trigger.ControlID = bt.ID;

les deux propriété ne te renvoi pas la même valeur...
20/09/2007, 18h03
loic_86

Oui c'est vrai que l'exemple n'est pas très parlant.

Admettont maintenant l'archi suivante :
- d'un coté un serveur web
- de l'autre une base de données

La page contenant le control est bien entendu sur le serveur web.
Sur la base de donnée, une structure hiérarchique comme un menu est stocké.
Lors du premier appel de la page, je demande au serveur BD de me récupérer la structure hiérarchique non pas entière mais partielle. Pour chaque noeuds entre le root et le noeud actuel, je récupere les fils. A partir de là, je créé une liste ordonnée qui me permettra d'afficher un menu sous la forme d'un tableau (pour information je travaille sous sharepoint et les tableaux sont mieux gérés que les CSS).
Pour conclure sur le premier appel, j'ai une liste d'affichée qui contient un bouton et un label.

Lorsque je clique sur le bouton + devant "element 1" (cf code) je veux récupérer les sous noeuds de element 1 contenus dans la structure hierarchique coté serveur.

J'espère avoir été clair et si c'est pas le cas n'hésitez à me demander des précisions.

Merci.
20/09/2007, 18h53
loic_86

En fait le probleme ne doit pas venir de l'ajax mais de l'asp.

J'ai une question concernant les WebControl.

Lorsque l'on execute une page la premiere fois, le WebControl va executer les méthodes OnInit(), OnLoad() et CreateChilNodes().

Lorsque je clique sur un des boutons, la méthode va créer un label dans le webcontrol mais, rien ne se passe... ou plutot, un post back est effectué ce qui recharge le webcontrol sans rien ajouter

Pourquoi? Serait il possible qu'au post back le controle soit rechargé en réexecutant les méthodes OnInit(), OnLoad() et CreateChilNodes()?
Dans ce cas il est normal que je ne vois jamais apparaitre les composants ajoutés par le clic du bouton... :'(

Avec ce code tout simple en asp, le composant ne se voit jamais ajouté d'éléments en plus car il repasse par les cases OnLoad et OnInit. Remarquez, je suis complement nioub en ASP.NET donc peut être que je suis completement parti en vrille dès le départ et peut être que ce que je veux faire est impossible

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
 
 
using System;
using System.Collections.Generic;
using System.Text;
using System.Web.UI.WebControls;
using System.Collections;
using System.Web.UI;
 
namespace ClassLibrary2
{
    public class Class1 : WebControl
    {
        private ArrayList _list = new ArrayList();
 
        public ArrayList List
        {
            get { return _list; }
            set { _list = value; }
        }
 
 
        protected override void OnInit(EventArgs e)
        {
            base.OnInit(e);
        }
 
        protected override void CreateChildControls()
        {
            base.CreateChildControls();
 
            foreach (string nom in List)
            {
                Button bt = new Button();
                bt.Text = "+";
                bt.Click += new EventHandler(bt_Click);
                this.Controls.Add(bt);
 
                LiteralControl elt = new LiteralControl();
                elt.Text = nom + "<br/>";
                this.Controls.Add(elt);
 
            }
        }
 
        void bt_Click(object sender, EventArgs e)
        {
            _list.Add("element 1");
        }
    }
}

21/09/2007, 08h55
oyigit

Pense à ajouter les attrubits ScriptService pour les méthodes et classe que tu accès à partir d'AJAX.

Code:

[System.Web.Script.Services.ScriptService]
24/09/2007, 11h03
loic_86

Petit up pour mon sujet.

EN fait j'ai comme l'impression que vous n'avez pa compris mon probleme donc je vais essayer de le reformuler.

Dans ma page asp .NET j'ai un WebControl.

Dans la version sans ajax j'ai créé une liste de LiteralControl qui est dépendante du noeud de navigation courant (PortalSiteMapNode : navigation sous MOSS 2007).

Dans la version ajax, je voudrais ajouter devant ces LiteralControl un bouton permettant d'afficher les fils du noeud cliqué ou les cacher.

En gros je pense que vous avez compris que je veux recréer le comportement du Treeview. Or, mes ordres sont clairs et c'est là que se pose le problème... On ne veut pas rapatrier entierement la navigation d'un coup mais juste ce que l'on a besoin.

Dans l'UpdatePanel j'essaie donc de générer la liste des literalcontrols.
ça marche au premier appel mais lorsque je clique sur l'un des bouton, le webcontrol relance les méthodes oninit(), onload(), createchildnodes()... et donc mon control affiche la meme chose qu'avant...

ça me les brises depuis plus d'une semaine donc si quelqu'un peut me venir en aiiidddeee :aie:

merci :cry:
24/09/2007, 11h11
oyigit
Dans ton méthode Page_Load tu doit initialiser ton treeView uniquement si la propriété IsPostBack est positionné à false
Code:

1 2 3 4 5 6 7 8 if(!Page.IsPostBack) { //initialisation du TreeView } else { ... }