在视图中放置模态代码是很好的做法

我正在开发一个网站，但是遇到了一个绊脚石。我试图遵循适当的MVC设计模式。

这将是一个很好的做法，把模态html内的"索引"视图，负责显示所有的人?例如，我有一个列出所有人的表。表格中的每个人条目都有一个"查看/编辑"按钮，当我单击该按钮时，我想显示模态。这个模态代码是否可以驻留在"索引"视图中，并由"视图/编辑"按钮触发，或者我是否应该在控制器中调用适当的操作以某种方式返回模态?

这里是我的代码目前，如果你需要看到我所做的到目前为止。下面的模态代码位于"Index"视图中。

<div class="row">
    <div class="col-sm-12">
        <table class="table table-hover">
            <thead>
                <tr>
                    <th>@Html.ActionLink("Name", "PersonList", new { sortOrder = ViewBag.NameSort, currentFilter = ViewBag.CurrentFilter })</th>
                    <th>@Html.ActionLink("Date Of Birth", "PersonList", new { sortOrder = ViewBag.DOBSort, currentFilter = ViewBag.CurrentFilter })</th>
                    <th>@Html.ActionLink("Last Reg Date", "PersonList", new { sortOrder = ViewBag.LARDSort, currentFilter = ViewBag.CurrentFilter })</th>
                    <th>@Html.ActionLink("Last Reg Number", "PersonList", new { sortOrder = ViewBag.LARNSort, currentFilter = ViewBag.CurrentFilter })</th>
                    <th>@Html.ActionLink("Reg Count", "PersonList", new { sortOrder = ViewBag.RegCountSort, currentFilter = ViewBag.CurrentFilter })</th>
                    <th>@Html.ActionLink("Gender", "PersonList", new { sortOrder = ViewBag.GenderSort, currentFilter = ViewBag.CurrentFilter })</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody id="updatedContent">
                @foreach (var person in Model)
                {
                    <tr>
                        <td>@person.Name  @person.Surname</td>
                        <td>@person.BirthDate</td>
                        <td>@person.LastActiveRegistrationDate_Description</td>
                        <td>@person.LastActiveRegistrationNo_Description</td>
                        <td>@person.ActiveRegistrationCount_Description</td>
                        <td>@person.Gender_Description</td>
                        <td>@Html.ActionLink("View/Edit", "", "", null, new { @class = "btn btn-info btn-md", data_toggle = "modal", data_target = "#myModal" })</td>
                    </tr>
                }
            </tbody>
        </table>
    </div>
</div>
Page @(Model.PageCount < Model.PageNumber ? 0 : Model.PageNumber) of @Model.PageCount
@Html.PagedListPager(Model, page => Url.Action("PersonList",
    new { page, sortOrder = ViewBag.CurrentSort, currentFilter = ViewBag.CurrentFilter }))
@* Modal code here for editing the Person *@
@* Called upon the Click of Edit/View *@
<div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">View/Edit Person</h4>
            </div>
            <div class="modal-body">
                <p>Here we will be able to View/Edit the Person object.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Save</button>
            </div>
        </div>
    </div>
</div>