Discussion :

[PascalL]

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

[freddyboy]

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

@+

[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

[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 ?

[SoaB]

sur le ItemDataBound

Exemple pas forcément syntaxiquement bon

Code :

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

1
2
3
4
 
LinkButton lb = (LinkButton)e.item.Controls[0]; 
 
lb.text = "<img src='toto.gif'>";

[Ditch]

huumm pas mal cette soluce. Sera ajouté à la FAQ (une soluce avec ItemTemplate était prévue...)

[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.

[Ditch]

La soluce d'ItemTemplate est fort semblable en fait...

[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.

Merci pour votre aide !

[Ditch]

Et tu essayes de mettre cela dans quoi?

[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

[SoaB]

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

ASPX :

Code :

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

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>

C#

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
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'";
 
			}
		}

[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 :

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

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

[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é )

[PascalL]

OK c'est tout Goood !!!

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

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

Bonne journée !

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

[SoaB]

Maintenant il va surtout falloir mettre [Résolu] Clique le ptit bouton en bas

[Ditch]

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

Pour le faciliter, penses au tag Résolu

Maintenant il va falloir que je trouve de belles images

http://www.developpez.net/forums/viewtopic.php?t=317585

[PascalL]

C'est fait !

Merci pour l'info.

A+