Afficher une seule valeur dans une vue contenant une liste d'un objet

Version imprimable

02/03/2016, 14h00
ptite-ratte

1 pièce(s) jointe(s)

Afficher une seule valeur dans une vue contenant une liste d'un objet

Bonjour,

Je m'excuse d'avance pour la simplicité de ma question mais j'ai beau chercher sur les forums, je ne trouve pas d'aide à mon problème...

J'ai une vue qui à partir d'une liste d'objet affiche un tableau.
Ce dernier comprend 6 colonnes dont les 2 premières contiennent toujours la même valeur.Pièce jointe 202618 Pièce jointe 202618

Je souhaite simplifier ce tableau en supprimant ces deux colonnes et en ajoutant à la place mes 2 champs en entête de celui-ci afin d"éviter la répétition de ces valeurs à chaque fois.
CF copie d'écran (AVANT => APRES)

Dsl encore pour cette question bête mais je suis débutant.

Merci de votre aide
03/03/2016, 16h46
Momoth

Salut,

Tu peux nous montrer ce que tu as déjà niveau code ?

Merci de ton aide

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
 
@{
    ViewBag.Title = "Saisiedesheures";
}
 
 
<h2>Tableau de saisie des horaires de la centrale</h2>
@using (Html.BeginForm("RECUP", "SaisieHoraires", FormMethod.Post))
{
 
    <table class="table">
        <tr>
            <th>
                Nom
            </th>
            <th>
                Date de travail
            </th>
            <th>
                Début
            </th>
            <th>
                Fin
            </th>
            <th> 
                Valeur
            </th>
            <th>
                Modalité
            </th>
        </tr>
 
        @for (int i = 0; i < Model.Count; i++)
        {
            <tr>
                <td>
                    @Model[i].Nom
                    <input type="hidden" name="Heuresselections[@i].NomID" value="@Model[i].NomID" />
                    <input type="hidden" name="Heuresselections[@i].DateTravail" value="@Model[i].DateTravail" />
                </td>
                <td>
                    @Model[i].DateTravail.ToShortDateString()
                </td>
                <td>
                    <input type="text" name="Heuresselections[@i].Debut" style="width:50px;height:20px" value="@Model[i].Debut" />
                </td>
                <td>
                    <input type="text" name="Heuresselections[@i].Fin" style="width:50px;height:20px"  value="@Model[i].Fin" />
                </td>
                <td>
                    <input type="text" name="Heuresselections[@i].Valeur" style="width:50px;height:20px"  value="@Model[i].Valeur" />
                </td>
                <td>
                    <input type="text" name="Heuresselections[@i].Modalite" style="width:50px;height:20px"  value="@Model[i].Modalite" />
                </td>
            </tr>
        }
 
    </table>
 
    <div class="form-group">
        <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Valider la saisie" class="btn btn-default" />
</div>
    </div>
 
    <div>
        @Html.ActionLink("Retourner aux choix précédents", "Selectiondesheures")
    </div>
}

essaye quelque chose comme ca :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <table> <tr> <th> Nom </th> <th> Date de travail </th> </tr> <tr> <td> @Model[0].Nom <input type="hidden" name="Heuresselections[0].NomID" value="@Model[0].NomID" /> <input type="hidden" name="Heuresselections[0].DateTravail" value="@Model[0].DateTravail" /> </td> <td> @Model[0].DateTravail.ToShortDateString() </td> </tr> </table>
Tu refais ensuite ton même tableau sans les deux premières colonnes. Sinon tu peux aussi envoyer à ta page deux objets : le premier qui contient le nom et la date de travail, et le deuxième qui contient ta liste d'objet sans ces deux propriétés.

Bonjour,

Comme C est du MVC a mon avis pour les bonne pratique il serait bien de creer un modele pour chaque VUE .Dans ton cas tu veux changer l affichage donc la vue donc commence par creer un model adapté

je te propose un model de ce style

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
 
public class MonNouveauModele{
 public string Nom {get;set}
 public intNomID{get;set}
public Datetime DateTravail{get;set}
 public IEnumerable<LesDonnee> MesDonnees{get;set}
 
}
public class LesDonnee{
 public Datetime Debut{get;set}
public Datetime  Fin{get;set}
public Decimal Valeur{get;set}
 public  Modalite LaModalite{get;set}
 
}
public enum Modalite{
  Fix,
 Variable
}

une fois le modele cree tu passes a la VUE

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
 
 @model IEnumarable<MonNouveauModele>
@{
    ViewBag.Title = "Saisiedesheures";
}
 
 
<h2>Tableau de saisie des horaires de la centrale</h2>
@using (Html.BeginForm("RECUP", "SaisieHoraires", FormMethod.Post))
{
 
@foreach (var monModel in Model)
        {
 
 
    <table class="table">
<caption>
monModel.Nom
 <input type="hidden" name="Heuresselections[@i].NomID" value="@monModel.NomID" />
   <input type="hidden" name="Heuresselections[@i].DateTravail" value="@monModel.DateTravail" />
</caption>
        <tr>
 
 
            <th>
                Début
            </th>
            <th>
                Fin
            </th>
            <th> 
                Valeur
            </th>
            <th>
                Modalité
            </th>
        </tr>
 
        @foreach (donnee in monModel.MesDonnees)
        {
            <tr>
 
                <td>
                    <input type="text" name="Heuresselections[@i].Debut" style="width:50px;height:20px" value="@donnee .Debut" />
                </td>
                <td>
                    <input type="text" name="Heuresselections[@i].Fin" style="width:50px;height:20px"  value="@donnee .Fin" />
                </td>
                <td>
                    <input type="text" name="Heuresselections[@i].Valeur" style="width:50px;height:20px"  value="@donnee .Valeur" />
                </td>
                <td>
                    <input type="text" name="Heuresselections[@i].Modalite" style="width:50px;height:20px"  value="@donnee .Modalite" />
                </td>
            </tr>
        }
 
    </table>
 
    <div class="form-group">
        <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Valider la saisie" class="btn btn-default" />
</div>
    </div>
 
    <div>
        @Html.ActionLink("Retourner aux choix précédents", "Selectiondesheures")
    </div>
}
 
}

Et dans ton coltroller biensur n oublies pas de charger les donnees et de mapper (transformer)

Code:

1
2
3
4
5
6
7
 
  public ActionResult cetteAction(){
   var lesVraiDonnee=maSource.Get();
    IEnumerable<MonNouveauModele>monViewModel=MafonctionQuiconvertiLesVraiDonneeENMonNouveauModele(lesVraiDonnee);
 
  return View(monViewModel);
}

14/03/2016, 15h42
ptite-ratte

Désolé pour ma réponse si tardive.

J'ai utilisé la réponse de Momoth qui me paraissait la plus facile dans mon cas bien que je comprend bien l'intérêt que présente la méthode décrite par Lakhadr.

Merci beaucoup pour votre aide,

ptite-ratte