Discussion :

[strat0]

Salut à tous!

Voilà mon problème résumé.

J'ai un asp:Button. Quand on clique dessus mon code behind génère du XHTML pour l'injecter dans une Div par le biais d'un :

Code :

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

<% =CodeInjecte %>

Je cherche à injecter dans dans la Div un nouvel asp:Button. Comment fais-je ?

J'ai naïvement essayé un :

Code :

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

CodeInjecte += "<asp:Button runat=\"server\" ID=\"NouveauBouton\" OnClick=\"NouveauBouton_Click\" />";

Mais évidemment...

[strat0]

Bon. On m'a dit qu'un asp:Button était une classe et qu'il fallait l'instancier.

Donc j'ai ça :

Code :

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

1
2
3
4
5
Button TestBouton = new Button();
                TestBouton.ID = "TestBouton";
                TestBouton.Text = "Pouet pouet";
                TestBouton.Width = 60;
                TestBouton.Click += new EventHandler(TestBouton_Click);

Maintenant ce que j'ai besoin de savoir c'est comment préciser à quel endroit exact je veux placer ce bouton dans le code XHTML que génère mon code-behind.

Par exemple:

Code :

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

MonCodeXHTML += "<div>" + MonBoutonJeLeVeuxLà + "</div>";

Merci à ceux qui sauront me répondre.

[Mourad]

tu devras mettre ton div "UnDiv" à runat="server" puis ajouter ton bouton aux controls du div comme ça :
UnDiv.controls.Add(LeBouton) et c'est tout .
tu ne peux pas ajouter dynamiquement le balisage d'un controle asp tu dois l'instancier et le manipuler en tant qu'objet.

[strat0]

Alors comme je ne serais pas au boulot avant lundi (alternance oblige) j'ai fait un petit test.

Déjà je constate que pour insérer un bouton instancié il faut que la <div> soit déjà présente dans la partie XHTML (alors que ça m'aurait arrangé de pouvoir l'insérer dans une <div> générée, mais tant pis).

Par contre j'ai un nouveau problème. Comme test j'ai fait ça :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
    protected void Page_Load(object sender, EventArgs e)
    {
        Texte.InnerHtml = "Commençons...";
    }
 
    protected void Start_Click(object sender, EventArgs e)
    {
        Texte.InnerHtml = "Continuons...";
        Button LetsGo = new Button();
        LetsGo.Text = "Lets' go";
        LetsGo.Width = 150;
        LetsGo.Click += new EventHandler(LetsGo_Click);
        DivBoutonDeux.Controls.Add(LetsGo);
    }
 
    protected void LetsGo_Click(object sender, EventArgs e)
    {
        Texte.InnerHtml = "It works!";
    }

Et quand on clique sur le bouton LetsGo, le texte de la div Texte n'est jamais changé en "It Works!" A la place la page est rechargée à son état initial.

Pourquoi?

[Mose]

Tu devrais te renseigner sur ce que c'est qu'un PostBack.
C'est une des bases de la programmation web.

[guitoux1]

A mon avis ton PB vient du fait que vu ke tu créer ton bouton dynamiquement, il te faut le recréer à chaque PostBack car il n'a pas de ViewState et du coup tu perd la liaison avec l'évenement click de ce bouton. c'est un sujet largement traité ici et sur le web.

[Mourad]

en d'autres termes l'affectation de l'eventhandler doit se faire dans le page_load

[Mose]

Non non, regardez la seule unique ligne de code dans le Page_Load.
Il est évident le pb

[strat0]

Je suis en train de me farcir ça, et ça semble passionnant. Je comprends qu'il faille que j'aprenne à maîtriser ces notions de PostBack et de ViewState mais...

J'ai modifié mon Page_Load en :

Code :

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

1
2
3
4
5
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        Texte.InnerHtml = "Commençons...";
    }

...mais ça ne résoud toujours pas mon problème.

Mose tu veux pas me dire une bonne fois pour toute ce qui ne va pas?

[guitoux1]

Tiens bizare, ça semblait effectivement la solution, quoique je persiste avec ma solution à moi

Sinon t'inquiète la solution est évidente pour Mose, il va te la donner

[Mose]

J'ai modifié mon Page_Load en :

Code :

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

1
2
3
4
5
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        Texte.InnerHtml = "Commençons...";
    }

...mais ça ne résoud toujours pas mon problème.

Mose tu veux pas me dire une bonne fois pour toute ce qui ne va pas?

J'aime pas donner les solutions trop vite, je trouve ça mieux si tu cherches un peu, au moins tu apprends. La preuve, tu as trouvé tout seul

Pour moi la solution évidente au pb du texte c'était bien le !(this.IsPostback) Maintenant, pour le pb du bouton c'est autre chose.

Sinon, pour le bouton, je rejoins Guitoux : si tu le créé dynamiquement, il faut le recréer à chaque page_load. Du coup ça t'oblige à maintenir, dans le viewstate, un booléan pour savoir si son bouton doit être visible ou pas :
Dans l'évènement :
ViewState["MonBoutonEstVisible"] = true;
Et dans le page_load :
Tu consultes ce booléan pour savoir si tu créé le bouton ou pas.

C'est pour cette raison qu'on fait généralement différemment : on fait un bouton caché (visible = false), qu'on rend visible dans l'évènement.
Avantages :
* la problématique du viewstate ne se pose pas, ton bouton est recréé à chaque fois vu qu'il est dans l'aspx.
* L'état du bouton (visible o/n) est maintenu dans le ViewState automatiquement, donc pas besoin de faire autre chose que :
monBouton.Visible = true dans l'évènement.

Et oui, le web c'est chelou.

[strat0]

Oui là forcément ça marche beaucoup mieux, et c'est effectivement plus simple :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        LabelTexte.Text = "Commençons...";
    }
 
    protected void Start_Click(object sender, EventArgs e)
    {
        LabelTexte.Text = "Continuons...";
        ButtonLetsGo.Visible = true;
    }
 
    protected void LetsGo_Click(object sender, EventArgs e)
    {
        LabelTexte.Text = "It works!";
    }

Mais j'ai quand même l'impression de tricher un peu. (et je suis très très loin de ce que j'essayais de faire au départ : créer dynamiquement un bouton et l'ajouter dans du code XHTML généré côté code-behind)

[Mose]

Mais j'ai quand même l'impression de tricher un peu. (et je suis très très loin de ce que j'essayais de faire au départ : créer dynamiquement un bouton et l'ajouter dans du code XHTML généré côté code-behind)

Tu ne triches pas, tu fais la même chose qu'on fait dans des applis professionnelles
Et sinon, tu peux faire ce que tu dis, mais il faut créer ton bouton dans le page_load.
Le Web, c'est très différent du winform...