Bonjour à tous,
Je développe actuellement un tableau de bord en C#/ASP.NET + JavaScript.
Ce tableau de bord liste les projets en cours ainsi que divers informations concernant ces projet : http://cjoint.com/12sp/BIAjPzNLouP.htm
Pour apporter un peu plus d'esthétique, je souhaiterai remplacer l'avancement du projet par une jauge telle que celle-ci : http://cjoint.com/12sp/BIAjTby8QKX.htm
J'arrive à mettre en place une jauge comme celle ci-dessus à l'aide de :
Ce que je n'arrive pas à faire c'est la générer dynamiquement en C# de la même manière que mes <td>.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2 <progress id="avancement" value="10" max="100"></progress> <span id="pourcentage"></span>
Exemple de chargement de mon tableau :
Fonction AddTd :
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 for (int i = 0; i < projets.Dt.Rows.Count; i++) { DataRow dr = projets.Dt.Rows[i]; HtmlTableRow tr = new HtmlTableRow(); //Charge le tableau this.AddTd(dr["Id_Projet"].ToString(), tr); this.AddTd(dr["Lib_Projet"].ToString(), tr); this.AddTd(dr["Avancement"].ToString() + "%", tr); this.AddTd(new Date(dr["Date_Debut"].ToString()).ToString(), tr); this.AddTd(new Date(dr["Date_Fin_Prevue"].ToString()).ToString(), tr); if (dr["Duree_Prevue"].ToString() != "") { this.AddTd(dr["Duree_Prevue"].ToString() + " j", tr); } else { this.AddTd(dr["Duree_Prevue"].ToString(), tr); } this.AddTd(dr["Lib_Priorite"].ToString(), tr); this.AddTd(dr["Lib_Etat"].ToString(), tr); this.t_projet.Controls.Add(tr); }
Si quelqu'un pouvait m'aider dans cette démarche je lui en serai très reconnaissant.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 protected void AddTd(string value, HtmlTableRow tr) { HtmlTableCell td = new HtmlTableCell(); td.InnerHtml = value; tr.Controls.Add(td); }
Merci pour vos éventuelles réponses.
Cordialement
M0nk'
Partager