[C#] Remplacer les boutons d'un DataGrid par une image

Version imprimable

04/04/2005, 15h02
PascalL

[C#] Remplacer les boutons d'un DataGrid par une image

Bonjour,

J'ai un datagrid avec les 4 premiers boutons créés avec le générateur de propriété (Colonnes de boutons), attention ce ne sont pas des colonnes modèles !. Je souhaite remplacer ces boutons par des images afin que cela soit un peu plus sympa. Ces images seront cliquables pour lancer une action.

Comment le faire ? J'essaye depuis 2 jours mais sans succès.

Merci pour votre aide.

Cordialement
04/04/2005, 15h04
freddyboy

et sur les boutons tu peux pas mettre ton image en fond ?

@+
04/04/2005, 15h08
SoaB

ButtonColumn de type Linkbutton, puis dans le ItemDatabound change le text du linkButton pour mettre une balise IMG avec la source de ton image :)
04/04/2005, 15h17
PascalL

Merci à vous deux.

Mais comment mettre une balise IMG au texte de mon linkbutton.
Il va me le prendre comme une chaine de caractère normale ?
04/04/2005, 15h19
SoaB
sur le ItemDataBound

Exemple pas forcément syntaxiquement bon :D
Code:

1 2 3 4 LinkButton lb = (LinkButton)e.item.Controls[0]; lb.text = "<img src='toto.gif'>";
:D
04/04/2005, 15h21
Ditch

huumm pas mal cette soluce. Sera ajouté à la FAQ (une soluce avec ItemTemplate était prévue...)
04/04/2005, 15h29
SoaB

Oui c'est la soluce la plus simple et rapide a mettre en oeuvre que j'ai pu trouvé. Certes c'est bidouille mais ca reste très lisible quand meme.
04/04/2005, 15h31
Ditch

La soluce d'ItemTemplate est fort semblable en fait...
04/04/2005, 15h36
PascalL

Merci pour l'info, mais cela ne fonctionne pas.

En fait j'ai un problème dans le cast (LinkButton) e.item.Controls[0]
"le cast spécifié n'est pas valide".

Je suis pourtant bien dans ItemDataBound. :cry:

Merci pour votre aide !
04/04/2005, 15h38
Ditch

Et tu essayes de mettre cela dans quoi?
04/04/2005, 15h39
SoaB

dans le ItemDataBound faut déja regarder que e.Item.Itemindex > -1 :)

Car il va sur la ligne qui constitue le Header de la DataGrid en fait :)

Après j'ai dis que je n'étais pas totalement sur de la syntaxe j'ai rien sous les yeux pour checker ca :)

Voila le code que j'ai testé et qui fonctionne

ASPX :

Code:

1
2
3
4
5
6
7
8
9
10
 
	<asp:DataGrid id="DataGrid1" style="Z-INDEX: 101; LEFT: 48px; POSITION: absolute; TOP: 24px" runat="server"
				Width="632px">
				<Columns>
					<asp:ButtonColumn Text="Sélectionner" CommandName="Select"></asp:ButtonColumn>
					<asp:ButtonColumn Text="Sélectionner" CommandName="Select"></asp:ButtonColumn>
					<asp:ButtonColumn Text="Sélectionner" CommandName="Select"></asp:ButtonColumn>
					<asp:ButtonColumn Text="Sélectionner" CommandName="Select"></asp:ButtonColumn>
				</Columns>
			</asp: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
 
protected System.Web.UI.WebControls.DataGrid DataGrid1;
 
		private void Page_Load(object sender, System.EventArgs e)
		{
			// Placer ici le code utilisateur pour initialiser la page
			ArrayList ar = new ArrayList();
			ar.Add("toto");
			ar.Add("titi");
			DataGrid1.ItemDataBound+=new DataGridItemEventHandler(DataGrid1_ItemDataBound);
			DataGrid1.DataSource = ar;
			DataGrid1.DataBind();
 
		}
 
		#region Code généré par le Concepteur Web Form
		override protected void OnInit(EventArgs e)
		{
			//
			// CODEGEN : Cet appel est requis par le Concepteur Web Form ASP.NET.
			//
			InitializeComponent();
			base.OnInit(e);
		}
 
		/// <summary>
		/// Méthode requise pour la prise en charge du concepteur - ne modifiez pas
		/// le contenu de cette méthode avec l'éditeur de code.
		/// </summary>
		private void InitializeComponent()
		{    
			this.Load += new System.EventHandler(this.Page_Load);
 
		}
		#endregion
 
		private void DataGrid1_ItemDataBound(object sender, DataGridItemEventArgs e)
		{
			LinkButton lb;
			if (e.Item.ItemIndex>-1)
			{
				lb = (LinkButton)e.Item.Cells[0].Controls[0];
				lb.Text = "<img src='toto.gif'";
				lb = (LinkButton)e.Item.Cells[1].Controls[0];
				lb.Text = "<img src='toto.gif'";
				lb = (LinkButton)e.Item.Cells[2].Controls[0];
				lb.Text = "<img src='toto.gif'";
				lb = (LinkButton)e.Item.Cells[3].Controls[0];
				lb.Text = "<img src='toto.gif'";
 
			}
		}

04/04/2005, 15h47
PascalL
1) J'essaye de mettre l'image en remplacement d'un bouton d'une colonne bouton dans un datagrid.
2) je vérifie bien l'index qui soit !=-1
3) J'ai essayé avec le code suivant :
Code:

1 2 e.Item.Cells[1].Text = "<img src='monimage.gif' />";
Cela m'affiche bien mon image mais si je clique dessus rien ne se passe !

Si cela peut faire avancer le shmilililili...blic
04/04/2005, 15h49
SoaB

Ce n'est pas le e.item.cells qu'il faut utiliser mais le Text du LinkButton à modifier mate mon exemple.

En cliquant sur l'image il passe bien sur le ItemCommand (Si tu crées l'event associé :))
04/04/2005, 15h53
PascalL

OK c'est tout Goood !!!

Merci Soab, ça marche très bien. Je vais pouvoir avancer.:lol: :lol: :lol:
Merci aux autres aussi. :lol:

Bravo pour votre boulot c'est vraiment agréable !

Bonne journée !

PS:Maintenant il va falloir que je trouve de belles images :wink:
04/04/2005, 15h56
SoaB

Maintenant il va surtout falloir mettre [Résolu] Clique le ptit bouton en bas :D
04/04/2005, 16h00
Ditch

Citation:

Envoyé par PascalL

Bravo pour votre boulot c'est vraiment agréable !

Pour le faciliter, penses au tag Résolu ;)

Citation:

Envoyé par PascalL

Maintenant il va falloir que je trouve de belles images :wink:

http://www.developpez.net/forums/viewtopic.php?t=317585
04/04/2005, 16h07
PascalL

C'est fait !

Merci pour l'info.

A+