Discussion :

[Patmat44]

Bonjour,

Je cherche 2 choses à faire et que je n'ai pas trouvé sur internet :
1) Comment ajouter une image de fond à une cellule d'un GridView sachant que je ne sais pas à l'avance dans quelle cellule est devra être positionnée; j'ai trouvé pour l'ajouter dans une cellule par le code ASP, mais pas par le code behind.
2) Comment hachurer une cellule d'un gridview (je ne retrouve pas l'évent CellPainting comme en windows form)

Merci d'avance pour votre aide

[DotNetMatt]

Bonjour,

A mon avis une bonne façon de procéder est d'utiliser l'évènement RowDataBound.

Ensuite dans ta CSS, tu définis un style qui affiche une image de fond (ou une image hachurée), et dans ton handler de l'évènement RowDataBound, tu affectes le style correspondant (image de fond, ou image hachurée) à ta cellule.

[Patmat44]

Je sais pas comment définir "HtmlTextWriterStyle" dans mon code!! Peux-tu m'aider?

Code :

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

1
2
3
4
5
6
7
8
protected void grille_RowDataBound(object sender, GridViewRowEventArgs e)
        {
            if (e.Row.RowIndex == 0)
            {
                HtmlTextWriterStyle htws = ???
                e.Row.Cells[0].Style.Add(htws, "Icone ajouter.JPG");
            }
        }

[DotNetMatt]

Pas besoin d'utiliser HtmlTextWriterStyle, il suffit d'un peu de CSS. Voici un exemple.

Dans ton fichier ASPX (ou directement dans ton fichier CSS), tu ajoutes les styles suivants :

Code CSS :

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

1
2
.bgGreen { background-color: Green; }
.bgRed { background-color: Red; }

C'est pour la démo, donc je n'ai pas mis d'image, mais en gros tu devras définir un style avec ton image de fond, et un style avec ton image hachurée.

Ensuite dans l'évènement RowDataBound, j'ai mis ceci :

Code C# :

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

1
2
3
4
5
6
7
8
if (e.Row.RowType == DataControlRowType.DataRow)
{
    var cell = e.Row.Cells[2];
    if (cell.Text.Contains("1"))
         cell.CssClass = "bgRed";
    else
         cell.CssClass = "bgGreen";
}

Donc sur la ligne en cours de traitement, je regarde la valeur de la cellule de mon choix (ici la 3ème cellule (indice 2)), et si elle contient le chiffre 1, j'applique mon style "bgRed". Sinon, j'applique "bgGreen".

[Patmat44]

ok merci, j'ai eu du mal à mettre les thème de couleur dans mon fichier aspx car fallait mettre un balise style, j'y avais pas pensé^^

je vais maintenant essayer de mettre une image à la place. je te tiens au courant

[Patmat44]

bon, j'ai rajouté ça dans mon fichier aspx :

Code :

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

.bgImg { background-image: url("Icone ajouter.JPG") }

ça me met bien l'image en fond, mais le seul soucis, c'est que comme l'image est plus petite que la case, il me la met plusieurs fois l'une à côté de l'autre.

Y a t-il un moyen pour éviter celà? par exemple, d'agrandir l'image à la taille de la case?

Edit : en rajoutant ça :

Code :

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

background-repeat:no-repeat;

ça permet de ne pas avoir plusieurs fois l'image. 1 premier point de résolu

[DotNetMatt]

Oui il faut utiliser :

Code CSS :

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

.bgImg { background-image: url("Icone ajouter.JPG"); background-repeat: no-repeat; }

[EDIT] : tu m'as devancé

[Patmat44]

et ya un moyen de l'agrandir? J'ai pas trouvé!!!

[DotNetMatt]

Oui, tu peux utiliser la propriété CSS background-size.

[EDIT] : j'ai posté trop vite. Le lien ci-dessus est du CSS3. En CSS2 je crois qu'il n'y a pas moyen de le faire.

[Patmat44]

ok merci, je peux donc pas le faire, pas terrible ça^^