Discussion :

[Ismael94000]

Bonjour,

Je souhaiterais avoir une colonne dans un datagridview de type datagridviewbutoncoulmn et ajouter une image sur chaque bouton de chaque ligne.

J'ai vu sur le net cette question posée plusieurs fois. J'ai vu également qu'il fallait apparement passer par l'événement "CellFormating".

J'aimerais s'il vous p laît avoir une méthode très simple.

Merci à tous.

[kineton]

Salut,

Ce que tu cherches est à priori pas mal documenté donc tu devrait pouvoir trouver facilement.

Quel problème particulier rencontres tu ?

Voici malgré tout un petit bout de code ....

à Insérer à l'endroit ou tu créé ou initialise ton DateGridView :

Code :

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

1
2
3
4
5
6
7
8
9
 
DataGridViewButtonColumn colonneBouton = new DataGridViewButtonColumn();
colonneBouton.Width = 200;
colonneBouton.FlatStyle = FlatStyle.Flat;
colonneBouton.HeaderText = "Button";
colonneBouton.Name = "Button";
colonneBouton.UseColumnTextForButtonValue = true;
colonneBouton.Text = "New";
maGrid.Columns.Insert(maGrid.Columns.Count, colonneBouton);

Puis l'évènement CellPainting :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
for (int cpt = 0; cpt < maGrid.Rows.Count; cpt++)
{
<div style="margin-left:40px">try
{
<div style="margin-left:40px">Button lBouton = new Button();
lBouton.Text = "texte du bouton";
maGrid.Rows[cpt].Cells[maGrid.Columns.Count].Value = lBouton;</div>
}
catch
{ }</div>}

Puis après si tu veut exécuter quelque chose lors du clic sur ton bouton, il y a l'évènement CellContentClick dans lequel tu peut faire un truc comme ça :

Code :

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

1
2
3
4
5
 
if (e.ColumnIndex == maGrid.Columns.Count-1)
            {
                //MessageBox.Show(string.Format("clic sur le bouton pour  {0}",maGrid.Rows[e.RowIndex].Cells[2].Value.ToString()));
            }

Après il y a peut d'être d'autres solutions .... mais celle ci fonctionne.

[Ismael94000]

Bonjour et merci pour ta réponse.

J'arrive à afficher un boutton dans ma colonne mais le boutton n'as pas d'image et c'est ce que je souhaite faire.

D'ailleurs la colonne contenant les boutons est ajouté via le designer.

Donc quelle est la meilleure solution pour que ce boutton ait une image?

Merci.

[kineton]

ben à bas le designer ....

Si tu suis la méthode que je te propose, il suffit juste de définir dans le CellPainting l'image que tu veut associer à ton bouton et le tour est joué ....

Je ne vois pas ou tu bloques....as tu u code à montrer ?

[Ismael94000]

Alors pour récapituler :

- via le designer je créer une colonne de type datagridviewcolumnbuton.
-Ensuite dans mon code je fais :

Code :

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

1
2
3
4
private Button BtnSupp = new Button();
BtnSupp.Text = "";
BtnSupp.Image = Resources.delete;
BtnSupp.Size = new System.Drawing.Size(22, 22);

et ensuite lorsque je veux ajouter une ligne dans mon datagrid je fais :

Code :

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

Mondatagrid.Rows.Add(BtnSupp, "", "");

3 champs car le datagrid possède 3 colonnes.

ps: je rapelle que le boutton s'affiche mais sans l'image. il y a marqué à la place "system.Windows.forms.buton"

Merci pour ton aide.

[charouel]

Tu change ajouter la propriété backgroundimage a la de DataGridViewButtonColumn
Ou tu peux voir cet exemple

[Ismael94000]

Bonjour,

Je ne toruve pas de propriété backgroundimage...

Concernant le lien ce n'est pas tout à fait ce que je recherche.
Car la colonne avec le boutton est ajouté sans image.

Je vais continuer mes recherches.

[charouel]

Tu doit changer le propriété ColumnType en DataGridViewImageColumn
puis tu change le prop Image
voire ici

[Ismael94000]

Merci mais c'est un boutton avec une image que je veux pas une image seule.

[kineton]

Bonjour,

Je ne toruve pas de propriété backgroundimage...

Concernant le lien ce n'est pas tout à fait ce que je recherche.
Car la colonne avec le boutton est ajouté sans image.

Je vais continuer mes recherches.

Sur tes Button il y a une propriété Image qu'il te faut utiliser (ou alors tu utilises l'ImageList et ImageKey ou ImageIndice).

[Ismael94000]

Je le sais mais nsi tu regardes plus haut dans mon code j'explique que ça ne ma'rche pas.

Visiblement il faut "dessiner" l'image dans l'événement cellpainting d'après mes recherches sur le web.

[kineton]

as tu exploré cette piste ?

http://social.msdn.microsoft.com/For...2-36d8c138484e

Voire celle là ?

http://www.codeproject.com/Articles/...ge-Button-Cell

[Ismael94000]

Oui mais trop compliqué pour moi.

Si ça n'existe pas en natif, je vais essayer de réfléchir à un autre graphisme.

Merci.

[Ismael94000]

Bonjour,

Si quelqu'un peut m'aider à trouver une solution très simple s'il vous plaît.

Je résume mon besoin :

Je souhaiterais alimenter un DataGridView avec un datagridviewcolumnbutton et 2 datagridviewcolumntextbox.
La première colonne celle des bouttons, doit contenir des boutons avec image.

En cherchant beaucoup de personnes parlent de "dessiner" le boutton dans l'évènement "CellPainting", mais d'une part je ne comprends pas forcèment le code et d'autre part le boutton apparait toujours sans image.

Merci de votre aide.

[Ismael94000]

Avec ce code j'y arrive.

Maintenant il ne me reste plus qu'à centrer l'image...

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
 private void dgv_pdd_CellPainting(object sender, DataGridViewCellPaintingEventArgs e)
        {
            if (e.RowIndex != -1 && e.ColumnIndex != -1)
            {
 
                if (dgv_pdd.Rows[e.RowIndex].Cells[e.ColumnIndex] is DataGridViewButtonCell)
                {
                    Image img = Resources.delete;
                    e.Paint(e.CellBounds, DataGridViewPaintParts.All);
 
                    Rectangle rec = new Rectangle(e.CellBounds.Left + 3, e.CellBounds.Top + 3, e.CellBounds.Height - 3, e.CellBounds.Height - 5);
 
                    e.Graphics.DrawImage(img, rec);
                    e.Handled = true;
                }
            }
        }