un formulaire dans une vue partielle

Bonjour tout le monde,j'ai une vue avec un formulaire qui au submit fait appel à une action qui retourne une vue partielle,dans cette dernière je récupère un tableau sur lequel je peux faire des suppressions ,comme l'indique le code suivant de la vue partielle :

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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
 
@model IEnumerable<RechercheVisiteRoyale.Models.Visite>
<link rel="stylesheet" href="/Content/new.css" />
<p>
    @Html.ActionLink("Create New", "Create")
</p>
 
<table class="container">
    <tr>
        <th>
            @Html.DisplayNameFor(model => model.REFERENCEVISITE)
        </th>
        <th>
        Consulter visite
        </th>
        <th>
            @Html.DisplayNameFor(model => model.OBJETVISITE)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.DATEDEBUT)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.DATEFIN)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.nbrProjets)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.nbrActions)
        </th>
       <th>
       Modifier  Visite
       </th>
       <th>
       Supprimer Visite
       </th>
       <th>
       Imprimer
       </th>
        <th></th>
    </tr>
 
@foreach (var item in Model) {
    using (Html.BeginForm("Delete", "Home", new { id="form2",REFERENCE = item.REFERENCEVISITE }))
    {
 
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.REFERENCEVISITE)
        </td>
        <td>
         @Html.ActionLink("Details", "Details", new { REFERENCE = item.REFERENCEVISITE })
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.OBJETVISITE)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.DATEDEBUT)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.DATEFIN)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.nbrProjets)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.nbrActions)
        </td>
        <td>
            @Html.ActionLink("Edit", "Edit", new { REFERENCE = item.REFERENCEVISITE }) 
         </td>
          <td> 
 
 
 
           <input  type="submit" value="Supprimer" onclick="return confirm('Êtes-vous sûr de vouloir supprimer  cette visite \n ainsi que ses  occurrences dans les projets ');"/>
 
 
 
        </td>
 
        <td>
         @Html.ActionLink("Imprimer", "PrintVisite", new { REFERENCE = item.REFERENCEVISITE })
        </td>
            </tr>
    }
 
}
 
</table>

mon problème est que le formulaire de la suppression ne fonctionne pas .alors je vous serai reconnaissante si vous voulez bien m'aidez

Bonjour jamyong

La méthode que tu souhaites utiliser pour supprimer tes éléments n'est pas la plus élégante.
Avant toute chose , il ne faut pas mettre une balise <form> directement sous l’élément <table>, ce n'est pas correcte sémantiquement parlant.

Le plus souvent la méthode utilisé pour une suppression à partir d'une liste d’éléments est de mettre un
@Html.ActionLink("Supprimer", "delete", new { id= monIdentifiant })
en passant en paramètre( routesValues) ton identifiant comme tu as l'a fait pour l'impression => @Html.ActionLink("Imprimer", "PrintVisite", new { REFERENCE = item.REFERENCEVISITE }).

Après a toi de faire le nécessaire coté controller pour rediriger ou régénérer le rendu de ta page.

oui M_Makia ,j'ai déjà utilisé @Html.ActionLink pour faire la suppression mais j'ai utilisé le formulaire pour pouvoir afficher la fenêtre de confirmation .