manipuler Gridview uniquement avec javascript

Version imprimable

19/05/2011, 11h14
kssillati

manipuler Gridview uniquement avec javascript

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

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:

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!!!!

19/05/2011, 13h34
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
19/05/2011, 15h57
Pilru

Citation:

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.
19/05/2011, 17h47
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

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:

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

20/05/2011, 16h16
kssillati

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