Discussion :

[M0nk']

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 :

Code :

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

1
2
<progress id="avancement" value="10" max="100"></progress>
<span id="pourcentage"></span>

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>.
Exemple de chargement de mon tableau :

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);
                }

Fonction AddTd :

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);
 
        }

Si quelqu'un pouvait m'aider dans cette démarche je lui en serai très reconnaissant.

Merci pour vos éventuelles réponses.
Cordialement
M0nk'

[M0nk']

Bonjour,

Quelqu'un aurait-il un peu de temps à m'accorder ?

Cordialement.
Bonne journée à tous.

[jacklafrip]

Salut,

J'aurai remplacé

Code :

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

this.AddTd(dr["Avancement"].ToString() + "%", tr);

par

Code :

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

1
2
this.AddTd(<progress id="avancement" value=" + dr["Avancement"].ToString() + " max="100"></progress>
<span id="pourcentage"></span>)

Après, faut évidemment faire attention aux "

Je sais pas si ça marche, le ASP.NET, c'est pas trop mon truc...

À plus

[M0nk']

Bonjour jacklafrip,

Et bien pour quelqu'un qui n'est pas trop ASP.NET je trouve que tu te débrouille pas mal.

Voilà ce que ça donne exactement :

Code :

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

this.AddTd("<progress id=\"avancement\" Value=" + dr["Avancement"].ToString() + " max=\"100\"></progress><span id=\"pourcentage\"> " + dr["Avancement"].ToString() + "%</span>", tr);

http://cjoint.com/12oc/BJbj6FRZDdR.htm

Félicitation
Merci beaucoup.
M0nk'

[jacklafrip]

De rien,
Ça rend joli en tout cas

À plus tard pour de nouvelles aventures...

PS : n'oublie pas le petit +1, ça fera du bien à mes stats

[M0nk']

Et voilà c'est fait

Merci beaucoup.