Comment changer le contenu d'un modal qui contient un ViewModal selon l'action d'un bouton

Bonjour,
J'ai un bouton edit qui affiche un modal il affiche un ViewModal voila la classe

Code:

1
2
3
4
5
6
7
8
9
10
11
12
using System.Collections.Generic;
 
namespace personnelAUTHENTIFICATION.Models
{
    public class EditViewModel 
    {
 
 
        public IEnumerable<PersonnelModel> personnels { get; set; }
        public IEnumerable<DocumentModel> documents { get; set; }
    }
}

donc pour le modal il y'a un bouton upload qui va normalement ajouter un nouveau document au documentModel ,donc j'ai pas trouvé la solution de mettre à jour le documentModel dans le MOdal ,la liste se met à jour quand je sort du modal et je reviens

voila le contenu du Modal:

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
91
92
93
94
95
96
97
98
@model personnelAUTHENTIFICATION.Models.EditViewModel
 
 
@{
    ViewData["Title"] = "Edit";
    Layout = null;
}
 
 
    <div class="row">
        @foreach (var item in Model.personnels)
        {
        <div class="col-md-4">
 
            <form asp-action="EditPers" method="post" asp-route-id=@item.id>
 
                <div asp-validation-summary="ModelOnly" class="text-danger"></div>
 
                <input type="hidden" asp-for="@item.id" >
 
                <div class="form-group">
 
                    <input class="form-control" asp-for="@item.Nom">
 
 
                </div>
                <div class="form-group">
 
                    <input class="form-control" asp-for="@item.Prenom)">
                    <span asp-validation-for="@item.Prenom" class="text-danger"></span>
 
 
                </div>
                <div class="form-group">
 
                    <input class="form-control" asp-for="@item.Email">
                    <span asp-validation-for="@item.Email" class="text-danger"></span>
                </div>
                <div class="form-group">
 
                    <input class="form-control" asp-for="@item.Telephone">
                    <span asp-validation-for="@item.Telephone" class="text-danger"></span>
                </div>
                <div class="form-group">
 
                    <input class="form-control" asp-for="@item.Statut">
                    <span asp-validation-for="@item.Statut" class="text-danger"></span>
                </div>
 
                <div class="form-group">
 
                    <input type="submit" value="Save" class="btn btn-primary" asp-action="Edit" asp-route-id="@item.id" >
                </div>
            </form>
        </div>
 
        <div class="col-md-6">
 
 
            <!---form method="post"  class="form-inline" enctype="multipart/form-data" asp-controller="PersonnelModels" asp-action="Upload" asp-route-id="@item.id" onsubmit=" return jQueryAjaxPost(this);"-->
 
                <form method="post" class="form-inline" enctype="multipart/form-data" asp-controller="PersonnelModels" asp-action="Upload" asp-route-id="@item.id">
                    <input class="form-control" name="files" type="file" />
 
                    <input class="btn btn-primary" type="submit" value="Upload" />
 
                </form>
 
 
            <table class=" table table-hover" id="document">
 
                <tbody>
                    @foreach (var item1 in Model.documents)
                    {
                    <tr>
 
                        <td>
                            <input type="hidden" asp-for="@item1.id">
                            <a href="/PersonnelModels/Download?id=@item1.path" asp-for="@item1.path">@item1.path</a>
 
 
                        </td>
                        <td>   <form asp-action="SupprimeDoc" asp-route-id="@item1.id" class="d-inline"><input type="submit" value="Delete" class="btn btn-danger " /></form></td>
                    </tr>
 
                    }
                </tbody>
            </table>
 
        </div>}
        </div>
 
 
 
 
@section Scripts {
    @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
}

Quelqu'un puisse me donner une idée sur ça,merci