Ajouter un événement OnClick à un button contenu dans un .ascx ?

Bonjour,

Au secours !

Je vous explique mon problème. J'ai écrit un control .ascx qui permet de créer un bouton graphique. Sans trop rentrer dans les détails, j'encapsule le asp:button dans un <span> dans lequel j'applique une image via une balise de style css. J'ai mis les bordures et le fond du bouton en transparent et je simule un rollover graphique en ajoutant des événements onmouseover et onmouseout pour modifier le fond du span. Le résultat est très concluant. Le problème est que j'aimerai à présent rajouter la possibilité de pouvoir utiliser l'événement OnClick à ce bouton (l'événement serveur pas l'événement client OnClientClick que j'ai déjà intégré). Voici quelques lignes :

Déclaration dans la page aspx :

Code:

---

<cc1:ButtonGraphique size="medium" Text="Mon bouton" ID="sb1" runat="server" Tooltip="Mon bouton" />

---

Une fois le code générer j'obtiens ceci :

Code:

---

<span id="sb1"><span Id="sbButton1_div" Title="Mon bouton" class="btnOut_100px" onmouseover="this.className='btnOver_100px';" onmouseout="this.className='btnOut_100px';"><input Type="submit" Id="sbButton1" Value="Mon bouton" Title="Mon bouton" class="btnOut_100px" onmouseover="this.className='btnOver_100px';" onmouseout="this.className='btnOut_100px';" /></span></span>

---

Comment puis-je d'une part ajouter un événement OnClick à ce bouton contenu dans l'ascx et d'autre part ajouter dynamiquement le code associé Protected void sbButton1_Click si je le l'utilise de cette façon :

Code:

---

<cc1:ButtonGraphique size="medium" Text="Mon bouton" ID="sb1" runat="server" Tooltip="Mon bouton" Onclick="sbButton1_Click" />

---

Comment procéder dans mon ascx ? Et puis en y réfléchissant bien, je me heurte à un autre point inextricable pour moi, comment rediriger l'événement vers la page qui intègre ce même control ? car celui-ci est traité dans l'ascx et non pas dans la page qui contient l'ascx.... :(

Merci d'avance pour votre aide

Cordialement

J'ai écrit un article là dessus.
Il n'est pas encore officiellement publié mais le voilà: http://lutecefalco.developpez.com/tu...-page-asp-net/

Merci pour votre réponse,

Ok mais alors....

Comment ajouter nommément un événement OnClick à mon bouton s'il n'existe pas encore ? En effet, contrairement à votre exemple, (votre contrôle contient déjà un Calendar), il n'existe pas dans mon ascx, je le construis de toutes pièces dans l'événement RenderContents en la surchargeant via les méthodes output.AddAttribute, output.RenderBeginTag, output.RenderEndTag avec lesquels je créé d'une part le <SPAN> et le <input type=submit .... /></SPAN> . ? 8O

Ou alors je m'y prend comme une bille ! :?

cordialement

Dans ton ascx, tu crées une fonction OnClick qui se contente de lever un événement que t'auras défini public (comme dans mon control UcCalendar).

Qd tu construis dynamiquement ton control, tu associes cette fontion à l'événement Click de ton bouton.

Reste plus qu'à t'abonner à cet événement dans ta page

Désolé,

Je dois être le dernier de la classe ! Je suis un peu perdu... :?

Je vois qu'il faut ajouter la ligne (l'événement) ok :

Code:

---

1 2 3 4 5

... public partial class ButtonGraphique : WebControl { public event EventHandler Click;

---

Mais comment et à quel endroit générer la fonction pour l'associer à l'événement ci-dessus comme dans ton exemple ?

Code:

---

1 2 3 4 5

protected void Calendar1_SelectionChanged(object sender, EventArgs e) { if (SelectedDateChanged != null) SelectedDateChanged(sender, e); }

---

et une adaptation dans mon cas qui serait comme cela :

Code:

---

1 2 3 4 5

protected void xControleName_OnClick(object sender, EventArgs e) { if (Click!= null) Click(sender, e); }

---

Dans le RenderContents que dois-je utiliser pour construire une fonction identique à celle ci-dessus, car mis à part les fonctions disponibles décrites dans le post précédent et quelques autres, je ne vois pas comment générer cette satanée fonction ?

Désolé, je dois paraitre un peu neuneu :traine: à tes yeux mais je ne suis qu'un pauvre débutant !

Cordialement

Dans ton ascx, t'as un asp:Button non?
Si oui, associes lui la fonction OnClick de façon déclarative. T'embêtes pas à faire ça dans le Render & co

Et non, justement, pas de contrôle asp:button (voilà le hic !)

J'aimerai bien ne pas m'embêter... Enfin bref, j'ai essayé avec ta methode mais la propriété Text du Label1 dans l'exemple n'est pas actualisé ? Pourtant il semble il y avoir un repostage de la page !

page asp.aspx :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

... <%@ Register src="ButtonGraphique.ascx" tagname="UcButtonGraphique" tagprefix="uc2" %> ... <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional"> <ContentTemplate> <uc2:UcButtonGraphique Text="Exemple Control" runat="server" ID="ButtonGraphique1" Size="Medium" OnClick="ButtonGraphique1_Click" /> <br> <asp:Label ID="Label1" runat="server" ></asp:Label> </ContentTemplate> </asp:UpdatePanel> ...

---

pages aspx.cs :

Code:

---

1 2 3 4

protected void ButtonGraphique1_Click(object sender, EventArgs e) { Label1.Text = "bouton valider"; }

---

ASCX (code aspx) :

Code:

---

1 2 3 4

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ButtonGraphique.ascx.cs" Inherits="WebApplication4.ButtonGraphique" %> <asp: Panel ID="Panel1" runat="server"> <asp:Button ID="Button1" runat="server" OnClick="Button1_OnClick" /> </asp: Panel>

---

ASCX (CodeBehind) :
...

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

public partial class ButtonGraphique : System.Web.UI.UserControl { public event EventHandler Click; protected void Page_Load(object sender, EventArgs e) { ... } protected void Button1_OnClick(object sender, EventArgs e) { if (Click != null) Click(sender, e); } }

---

Aurais-je oublié quelque chose ?

Cordialement

A première vue, je dirais que c'est à cause de l'UpdatePanel, essaye sans

Bien non, c'est pas ça !

J'ai retiré l'update Panel comme tu me l'as demandé, la page est bien reposté (ça se voit ;)...) mais le label lui n'est toujours pas actualisé.
Le plus bizarre dans l'histoire est que lorsque j'utilise un bouton standard et que j'essaie de faire exactement la même chose, qu'il y ait un updatePanel ou pas ça fonctionne très bien !? ?8O

J'ai l'impression que la fonction de la page .aspx

Code:

---

1 2 3 4

protected void ButtonGraphique1_Click(object sender, EventArgs e) { Label1.Text = "bouton valider"; }

---

N'est jamais mise à profit....

Cordialement

Génial ! ça fonctionne...

Encore un grand merci à toi ! :D

Par contre, je rencontre un nouveau problème lié à ce control. Je veux à présent lier l'ID de ce bouton à un ajaxToolkit:ModalPopupExtender via la propriété TargetControlID de ce dernier, mais j'obtiens une erreur.

Citation:

---

Sys.ArgumentException: Value must not be null Controls and Behaviors.
Parameter name : element

---

Il semble que le problème vient du fait que le nom du control est renommé ? Dans le code source, il porte par exemple le nom de 'ButtonGraphique1' et après génération 'ButtonGraphique1_Button1'. Existe-il une solution au problème ? 8O

J'ai bien essayé de rajouter une propriété BehaviorID au bouton en vain, mais rien n'y fait :roll:

une idée ?

Cordialement

Dans ton UserControl, faut créer une propriété publique qui retourne le client Id de ton bouton1

Un truc comme

Code:

---

1 2 3 4 5 6 7 8

public string BtnClientID { get { return Bouton1.ClientID; } }

---

Tu associes cette propriété à TargetControlID

Ok, suivant tes indications j'ai ajouté la propriété indiquée dans mon ascx et ajouté la liaison dans le Page_Load de la page contenant le ModalPopupExtender :

Code:

---

1 2 3 4 5 6

protected void Page_Load(object sender, EventArgs e) { if(!IsPostBack) Popup1.TargetControlID = ButtonGraphique1.BtnClientID; }

---

mais j'obtiens l'erreur suivante :

Citation:

---

The TargetControlID of 'Popup1' is not valid. The value cannot be null or empty.

---

Ou alors faut-il effectuer cette liaison à un autre endroit ?

Cordialement

Tu es sûr que la propriété retourne bien qqchose?

oui j'en suis sure ! exactement ceci: ButtonGraphique1_Button1 mais hélas en retour toujours ce message :

Citation:

---

The TargetControlID of 'Popup1' is not valid. A control with ID 'ButtonGraphique1_Button1' could not be found.

---

Essaye en déclarant ça de façon déclarative.
Dans le code aspx, au niveau de ton PopupModalExtender, tu mets:

Code:

---

1 2	TargetControlId = '<%= ButtonGraphique1.BtnClientID %>'

---

Désolé, toujours le même type d'erreur !!! :

Citation:

---

The TargetControlID of 'Popup1' is not valid. A control with ID '<%= ButtonGraphique1.BtnClientID %>' could not be found.

---

Citation:

---

Envoyé par sylvebarbe78

Désolé, toujours le même type d'erreur !!! :

---

C'est pas bon là, '<%= ButtonGraphique1.BtnClientID %>' n'est pas interprété apparemment

Laisse tomber, ça fonctionne pas les <%= dans un UpdatePanel

C'est peut être un problème de cycle de page.
Essaye de setter ta propriété dans le Page_PreRender par exemple

Non, apparemment ce n'est toujours pas interprété, rien à faire !!! Incroyable mais vrai :?

Je me demande si le processus Ajax ne vérifie pas avant la compilation de la page la présence effective du contrôle avec qui il est lié ? Car pour renvoyer systématiquement le même type d'erreur (impossible de trouver le contrôle indiqué) je ne vois pas d'autre explication ! 8O

En ce qui concerne l'updatePanel, j'avais retirer le bouton de l'updatePanel il y a quelque temps, mais j'ai toujours le même problème, donc le problème ne vient pas seulement de là...

Ok j'essaie avec le Page_PreRender...

Avec Page_PreRender même punition ! Message d'erreur identique :?

Salut,

J'ai pas lu tout le post :oops: mais voici un lien vers un code sur lequel on ajoute du javascript. Tu peux essayer de t'en inspirer.

Dslé si j'ai loupé un post.

A+

Désolé, le geste est sympathique mais cela ne m'avance guère dans ma recherche. Ton lien concerne la création d'une popup modale ancienne 'sauce'. En ce qui me concerne, je recherche la solution qui me permettra de lier via la propriété TargetControlID d'un AjaxToolKit:ModalPopupExtender à un ID d'un bouton contenu dans un ascx.

Merci quand même ;)

Bonjour,

Pour tous ceux qui aimeraient se pencher sur mon problème pour essayer de le résoudre, voici le code source du projet : http://dl.free.fr/OEbtOFqe

Si quelqu'un arrive à afficher le ModalPopupExtender sans erreur, il aura toute ma gratitude en retour !

cordialement

Je prends 30€ de l'heure, prix d'ami

Pffff, pourquoi toujours être mercantil ?:D
Je ne suis qu'un simple particulier qui découvre .Net et non le directeur informatique d'une boite quelconque ! :?
Mais où sont les vrais puristes qui comme il y a bien longtemps résolvaient les problèmes pour le FUN ?;)

Cordialement ;)

Citation:

---

Envoyé par sylvebarbe78

Pffff, pourquoi toujours être mercantil ?:D
Je ne suis qu'un simple particulier qui découvre .Net et non le directeur informatique d'une boite quelconque ! :?
Mais où sont les vrais puristes qui comme il y a bien longtemps résolvaient les problèmes pour le FUN ?;)

Cordialement ;)

---

Bah j'ai un boulot, je peux pas passer mon temps à installer la solution des autres pour trouver le problème :aie:

J'ai bien précisé dans ma première requête

Citation:

---

Pour tous ceux qui aimeraient se pencher sur mon problème pour essayer de le résoudre

---

Je n'oblige personne à le faire. Et puis, si quelqu'un trouve LA solution, tout le monde pourra en profiter, pour le faire évoluer ou simplement l'utiliser tel quel afin d'ajouter des boutons graphiques animés sur ses pages !

Maintenant, ce que j'en dit.... :oops:

cordialement ;)

Bah moi j'aimerais bien :D

Et bien, tu sais ce qu'il te reste à faire :pc:. Mais... pour le FUN et la communauté et non pour arrondir tes fins de mois ;)

Eh, tant qu' on y est, n'avez-vous pas de solution pour ma question posée à la discussion "Evénement OnClick ou OnCommand" , pourquoi dois-je cliquer deux fois sur le bouton avant d'avoir le résultat?