Discussion :

[kssillati]

salut a tous,
j'ai fait une page web avec asp.net qui permet l'affichage d'information d'une base de donnees SQL-Server dans un Gridview.
Mais je voudrais au niveau de l'afichage des ligne de gridview pouvoir les colorer suivant certaine condition(if Date_de_naissance>1970 then green else black).
J'ai pu voir que cela est possible en conbinant du codebehind(c# ou VB) et du javascript.
Mais dans mon cas je voudrais uniquement utiliser du javascript pour des raison precise, serai t'il possible de le faire qu'avec le javascript, si oui just un lien et je me debrouillerais avec.
merci d'avance

[Ramajb]

Bien sur que tu peux le faire en Javascript mais je ne vois pas trop l’intérêt, car dans ce cas tu fais deux choses au lieu d'une: manipulation du gridview du cote serveur et ensuite du cote client. A ta place je ferai le tout du cote serveur:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
void GridView1_RowDataBound(object sender, 
  GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        if (Date_de_naissance>1970)
            // colorer le fond du ligne en vert
            e.Row.BackColor = Color.Green;
        else
            e.Row.BackColor= Color.Black
    }
}

Mais à ce que je vois tu as une contrainte!!!!

[kssillati]

merci pour cette reponse rapide,
et oui effectivement j'ai une contrainte et je dois tout faire coter client, c'est pourquoi j'ai opter pour javascript. Si non je sais qu'il est possible de le faire avec le codebehind (VB ou C#)
Donc ma question est de savoir si rien qu'en utilisant javascript il est possible d'arriver au mem resultat, c'est adire afficher les ligne du Gridview avec differente couleur en fonctione des information conten dans ces lignes
merci encor

[Pilru]

Donc ma question est de savoir si rien qu'en utilisant javascript il est possible d'arriver au mem resultat, c'est adire afficher les ligne du Gridview avec differente couleur en fonctione des information conten dans ces lignes

Oui c'est possible de le faire en javascript. Soit en javascript pur, ou alors en utilisant un framework tel que jQuery par exemple.

[kssillati]

merci pour le tuyau sur jquery.
mais je voudrais utiliser seulement de javascript pur.
j'ai deja interoger GOOGLE mais je tombe sur des exemple avec vb ou c# combiner a javascript.
n'auriez vous pas un lien pour moi sur la demarche a suivre avec javascript ou simplement comment faire pour manipuler l'objet gridview et les enregistrement qu'il contient avec Javascript.

merci d'avance

[Ramajb]

Ton grideView sera rendu en table html une fois de cote client, donc on peut le parcourir via javascript.
Essaie avec ceci, ça devrait marcher.

Code :

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

1
2
3
4
5
6
7
8
9
10
 function cellColor() {
        var table = document.getElementById("GridView1");
        var rows = table.rows;
        for (var i = 0; i < rows.length; i++) {    
            //je suppose que la date de naissance se trouve sur la troisième colonne
            if (parseInt(rows[i].cells[2].innerHTML)>1970) {                   
                  rows[i].cells[2].style.backgroundColor = "Green";                
            }
        }
    }

J’espère t'avoir aidé.

[kssillati]

merci ,c'est exactement ce que je voulais faire
ca fonctionne parfait