[C#] recuperer l'evenement click d'un bouton dans datagrid

Version imprimable

20/07/2005, 13h18
shams

[C#] recuperer l'evenement click d'un bouton dans datagrid

hello!

bon alors voila, j'ai créer plusieurs boutons dans une boucle for (dans le code behind). Chaque boutons se trouve dans une table.
A coté de ce bouton il y a aussi un checkboxs

j'aimerais savoir comment faire pour recuperer
1 - l'evenement "click" du bouton
2 - l'etat du checkbox a coté de lui
3 - l'indice "i" de ma boucle

je sais pas si vous avez tres bien compris ce que je voulais dire, mais je vous remercie d'avance pour votre aide les keupins! :wink:
20/07/2005, 14h46
le-stagiaire

Bon je vois que personne te reponds donc je tente un debut de reponse bien que je ne fasse pas de code-behind et mon code est en vb.net.

Pour recuperer le click sur le bouton.

Faut que ton datagrid gère l'evenement OnItemCommand et que tu aie la propriete "CommandName=blabla" sur ton bouton.

Ensuite quand tu cree ta procedure qui est declenché a l'aide de l'evennement OnItemCommand du datagrid, tu fais "if e.CommandName = "blabla" Then ...

Pour l'etat du checkBox a cote de lui, tu fais

Dim cb As CheckBox = CType(e.Item.cell(leNumerodelacolonne).FindControl("l'idDeTonCheckbox"), CheckBox)

pour le numero de ligne je te conseille de mettre une colonne caché qui contient ce numero et que tu obtient comme ceci :

Dim numLigne as int32 = e.Item.Cells(0).Value

BOn voila c'est plus des pistes qu'autre chose mais des fois ca peut aider
20/07/2005, 16h21
shams

les bonnes pistes menent toujours a la bonne solution...! :wink:
merci pour ta reponse, je vais voir avec mes trucs a moi et essayer divers trucs (en fait, j'utilise pas de dataGrid mias des tables toute betes, mais c'est pas grave je pense...)

Je mettrais mon code quand j'aurais reussi.

MAY ZE FORCE BE WITH YOU
21/07/2005, 11h05
shams

bon en fait je m'en sors pas trop.... :cry:
j'ai deux problemes, qui je pense, sont similaires

1) Dans le code behind, j'ai fais une boucle for dans laquelle je crée une table. Je remplis chaque table avec une entrée de la base de donnée.
J'ai ajouté dans la table un bouton pour modifier ma base de donnée. Donc quand on clique dessus, je dois recuperer certains champs de ma table i, et modifier a la ligne i ma base de donnée.
Je ne sais pas comment ecrire les conseils precedement données!!

2) Presque pareil, mais cette fois ci j'ai crée une datagrid en mode design. Cette datagrid n'a pas tous les champs de ma base de donnée. J'ai rajouté une TemplateColumn avec des boutons pour modifier, supprimer, ajouter (mais ce sont mes propres boutons, pas ceux generés par le builder de colonnes) .
Je ne sais pas comment faire pour que quand je clique sur modifier, toute mes cellules de la ligne se transforme en textbox. Ou bien si je clique sur ajouter -> ca ajoute a la base...

voila en fait c'est le meme probleme je pense... Je suis en train de regarder tous les posts sur les datagri mais je comprend pas tout...
Donc merci de votre aide!!!!
21/07/2005, 11h35
pmithrandir

verifie que ton dataset est rempli
21/07/2005, 11h41
shams

il est bien rempli.
En fait si je fais juste glisser une datagrid (en mode design) elle se rempli bien
Mais la , j'ai fais des colonnes en mode "editeur de colonne", j'ai mis des TemplatesColumn avec des textBox dans le EditItem. Mais j'ai mis une colonne de moins car il y a un champs de ma base de donnée que je ne veux pas voir...
En fait : comment faire pour dire dans le codeBehind que telle colonne correspond a tel champs de ma base

Et en fait, je comprend bien le tuto, mais je ne sais pas comment on fait pour relier une procedure a son bouton....
21/07/2005, 11h47
Nesmontou

Tu peux nous donner un peu de code pour voir comment tu crées ton datagrid et les fonctions que tu utilises :?:

bon alors attention c'est un peu long:
voici ma datagrid

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
52
53
54
55
56
57
58
			<asp:DataGrid id="DataGridLabo" style="Z-INDEX: 101; LEFT: 112px; POSITION: absolute; TOP: 576px"
				runat="server" Width="720px" Height="25px" BorderColor="Green" BorderStyle="Double" BorderWidth="5px"
				AutoGenerateColumns="False" ShowFooter="True">
				<EditItemStyle BackColor="#FF8080"></EditItemStyle>
				<HeaderStyle Font-Bold="True" ForeColor="White" BackColor="Navy"></HeaderStyle>
				<FooterStyle BackColor="#FFFF80"></FooterStyle>
				<Columns>
					<asp:TemplateColumn HeaderText="Labo">
						<FooterTemplate>
							<asp:TextBox id="TextBoxAjouteLabo" runat="server"></asp:TextBox>
						</FooterTemplate>
						<EditItemTemplate>
							<asp:TextBox id="TextBoxModifLabo" runat="server"></asp:TextBox>
						</EditItemTemplate>
					</asp:TemplateColumn>
					<asp:TemplateColumn HeaderText="Nom">
						<FooterTemplate>
							<asp:TextBox id="TextBoxAjouteNom" runat="server"></asp:TextBox>
						</FooterTemplate>
						<EditItemTemplate>
							<asp:TextBox id="TextBoxModifNom" runat="server"></asp:TextBox>
						</EditItemTemplate>
					</asp:TemplateColumn>
					<asp:TemplateColumn HeaderText="Prenom">
						<FooterTemplate>
							<asp:TextBox id="TextBoxAjoutePrenom" runat="server"></asp:TextBox>
						</FooterTemplate>
						<EditItemTemplate>
							<asp:TextBox id="TextBoxModifPrenom" runat="server"></asp:TextBox>
						</EditItemTemplate>
					</asp:TemplateColumn>
					<asp:TemplateColumn HeaderText="Mail">
						<FooterTemplate>
							<asp:TextBox id="TextBoxAjouteMail" runat="server" Width="184px"></asp:TextBox>
						</FooterTemplate>
						<EditItemTemplate>
							<asp:TextBox id="TextBoxModifMail" runat="server" Width="184px"></asp:TextBox>
						</EditItemTemplate>
					</asp:TemplateColumn>
					<asp:TemplateColumn>
						<ItemTemplate>
							<asp:Button id="ButtonModifier" runat="server" Width="80px" Font-Bold="True" Text="Modifier"
								CommandName="modif"></asp:Button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<asp:Button id="ButtonSupprimer" runat="server" Width="93px" Font-Bold="True" Text="Supprimer"
								CommandName="suppr"></asp:Button>
						</ItemTemplate>
						<FooterTemplate>
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<asp:Button id="ButtonAjouter" runat="server" Width="120px" Font-Bold="True" Text="Ajouter"
								CommandName="ajout"></asp:Button>
						</FooterTemplate>
						<EditItemTemplate>
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<asp:Button id="ButtonValider" runat="server" Font-Bold="True" Text="Valider" CommandName="valid"></asp:Button>
						</EditItemTemplate>
					</asp:TemplateColumn>
				</Columns>
			</asp:DataGrid>

ce qui donne:
http://adrien.nisan.free.fr/image/datagrid.bmp
voila, en fait je veux "juste" que quand on clik sur "modifier", il y ait les textbox qui apparaissent, pis si on clik sur supprimer, bha ca supprime... :wink:

21/07/2005, 12h07
pmithrandir

tu as une solution qui existe en javascript qui consiste a aller chercher tous les child du tableau, puis a les remplacer par des textbox...

c'est galere je te previent...

http://tool-man.org/examples/edit-in-place.html
21/07/2005, 12h11
shams

hola javascript c'est pas trop mon truc... :?
En cas, ca c'est pas trop grave je peux mettre directement des textbox, mais il me reste toujours ce probleme de savoir comment on fait pour dire que un bouton doit appeler tel procedure avec en parametre la ligne i...

En tout cas, merci beaucoup pour ton aide, c'est vraiment sympa...
:wink:
21/07/2005, 12h14
Nesmontou

A premiere vue le datagrid est ok

Pour les fonctions tu vas dans :

Code:

DataGridLabo_ItemCommand

Et tu fais le test sur le commandename

Pour le paramètre, tu peux utiliser le commandargument
21/07/2005, 12h15
pmithrandir

va voir mon poste juste en dessous sur els image bouton, c'ets la meme question ;-)
21/07/2005, 12h15
Sphax

Arf, du javaScript pour ça, alors que tout est prévu dans les DataGrid.

shams je vois que tu as déja créer tes EditItemTemplate, il ne te reste plus que sur l'evenement "click" de ton bouton éditer, à positionner la "SelectedIndex" de ta grid sur la bonne ligne. Il faut aussi qu'a ce moment la ta derniere colonne affiche un bouton "sauver" ou "annuler", pour ça il suffit aussi de mettre une EditItemTemplate sur ta derniere colonne, et puis a gerer ces evenements également.

Je ne saurai trop te conseiller la lecture d'un bon tutoriel / livre sur les DataGrid :)

tu peux faire un truc comme ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
    Private Sub rptCommandes_ItemCommand(ByVal source As Object, ByVal e As System.Web.UI.WebControls.RepeaterCommandEventArgs) Handles rptCommandes.ItemCommand
        If e.CommandName = "cmdCommandeDvp" Then
            Dim intCommandeID As Integer = CType(e.CommandArgument, Integer)
            Dim intSocieteID As Integer = CType(HttpContext.Current.Session("intSocieteID"), Integer)
            If HttpContext.Current.Session("btnDvp" & intCommandeID) = "+" Then
                HttpContext.Current.Session("btnDvp" & intCommandeID) = "-"
            Else
                HttpContext.Current.Session("btnDvp" & intCommandeID) = "+"
            End If
            rptCommandesBind(Me.rptCommandes, intSocieteID)
End Sub

Bon, là c'est une fonction à moi, j'ai pas adapté et c'est du VB.NET, y va falloir traduire un peu :wink: mais l'idée est là

21/07/2005, 12h46
shams

Citation:

Envoyé par Sphax

il ne te reste plus que sur l'evenement "click" de ton bouton éditer

C'est justement cette etape qui me pose probleme!!! Comment je fais pour appeler l'evenement click??? Je suis en train de chercher....

En tout cas merci a tous pour votre aide (c'est trop de la patate atomique ce forum :D )

Ps: J'ai effectivement mis un bouton de validation en mode edition.

----

merci pour l'exemple nesmontou, j'avais pas vu... :wink:
Au fait, j'abuse un peu, mais vous n'auriez pas une idée de pourquoi ma grid ne se rempli pas. Bon la, je demande, mais j'ai pas encore fait de recherche donc je vais voir mais c'etait au Kazoo!!! (au cas où -> jeu de mot un peu nul, desolé...)

et voila!

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
private void InitializeComponent()
{
     this.DataGridLabo.ItemCommand += new system.Web.UI.WebControls.DataGridCommandEventHandler(this.DataGridLabo_ItemCommand);
      this.Load += new System.EventHandler(this.Page_Load);
}
 
 
public void DataGridLabo_ItemCommand(object sender, System.Web.UI.WebControls.DataGridCommandEventArgs e)
{
     // recuperation du dataset et du dataAdapter
     System.Data.DataSet dataset = (System.Data.DataSet) Session["dataset"];
     System.Data.OleDb.OleDbDataAdapter dataAdapter = (System.Data.OleDb.OleDbDataAdapter)Session["adapter1"];
 
     if (e.CommandName == "modif")
     { 
           // ACTION -> REACTION!!
           DataGridLabo.EditItemIndex = e.Item.ItemIndex;
          // refaite un bind de votre dataGrid
     }
}