ASP.NET Core：模态不会将值传递给控制器​​方法

Question

我的索引包含一个表格，其中显示了我创建的所有问题（调查）。但我希望能够使用模态编辑问题。因此，我在 foreach 循环中创建了以下模式：

 @foreach (var item in Model.Questions)
    {
        <tr>
            <td>
                @Html.DisplayFor(modelItem => item.Id)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Question1)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.ReplyOptions)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Group)
            </td>
            <td>
                @if (item.CategoryId != null)
                {
                    @Html.DisplayFor(modelItem => item.Category.Name)
                }
                else
                {
                    <i><font color="red">Nicht zugewiesen</font></i>
                }
            </td>
            <td>
                <!-- Button trigger modal -->
                <button type="button" class="btn btn-sm" data-toggle="modal" data-target="#@item.Id">
                    Bearbeiten
                </button>

                <!-- Modal -->
                <div class="modal fade" id="@item.Id" tabindex="-1" role="dialog" aria-labelledby="xxx" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                                <h2 class="modal-title" id="xxx">Frage bearbeiten</h2>
                            </div>
                            <div class="modal-body">
                                <form asp-action="Edit">
                                    <div asp-validation-summary="ModelOnly" class="text-danger"></div>
                                    <input type="hidden" asp-for="@item.Id" />
                                    <div class="form-group">
                                        <label asp-for="@item.CategoryId" class="control-label"></label>
                                        <select asp-for="@item.CategoryId" class="form-control" asp-items="ViewBag.CategoryId"></select>
                                        <span asp-validation-for="@item.CategoryId" class="text-danger"></span>
                                    </div>
                                    <div class="form-group">
                                        <label asp-for="@item.Question1" class="control-label"></label>
                                        <input asp-for="@item.Question1" class="form-control" />
                                        <span asp-validation-for="@item.Question1" class="text-danger"></span>
                                    </div>
                                    <div class="form-group">
                                        <label asp-for="@item.ReplyOptions" class="control-label"></label>
                                        <input asp-for="@item.ReplyOptions" class="form-control" />
                                        <span asp-validation-for="@item.ReplyOptions" class="text-danger"></span>
                                    </div>
                                    <div class="form-group">
                                        <label asp-for="@item.Group" class="control-label"></label>
                                        <input asp-for="@item.Group" class="form-control" />
                                        <span asp-validation-for="@item.Group" class="text-danger"></span>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                        <button type="submit" class="btn btn-primary">Save</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <a asp-action="Delete" asp-route-id="@item.Id">Delete</a>
            </td>
        </tr>
    }

但是我有以下问题： 当我想编辑问题并单击“保存”时，控制器中的“编辑”方法无法获取值。 该方法如下所示：

我必须做些什么来确保传递这些值？

Answer 1

我必须做些什么来确保传递这些值？

只需为表单中的每个控件添加 name 属性即可：

  <div class="modal-body">
                                <form asp-action="Edit">
                                    <div asp-validation-summary="ModelOnly" class="text-danger"></div>
                                    <input type="hidden" asp-for="@item.Id" name="Id" />
                                    <div class="form-group">
                                        <label asp-for="@item.CategoryId" class="control-label"></label>
                                        <select asp-for="@item.CategoryId" class="form-control" asp-items="ViewBag.CategoryId" name="CategoryId"></select>
                                        <span asp-validation-for="@item.CategoryId" class="text-danger"></span>
                                    </div>
                                    <div class="form-group">
                                        <label asp-for="@item.Question1" class="control-label"></label>
                                        <input asp-for="@item.Question1" class="form-control" name="Question1" />
                                        <span asp-validation-for="@item.Question1" class="text-danger"></span>
                                    </div>
                                    <div class="form-group">
                                        <label asp-for="@item.ReplyOptions" class="control-label"></label>
                                        <input asp-for="@item.ReplyOptions" class="form-control" name="ReplyOptions" />
                                        <span asp-validation-for="@item.ReplyOptions" class="text-danger"></span>
                                    </div>
                                    <div class="form-group">
                                        <label asp-for="@item.Group" class="control-label"></label>
                                        <input asp-for="@item.Group" class="form-control" name="Group" />
                                        <span asp-validation-for="@item.Group" class="text-danger"></span>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                        <button type="submit" class="btn btn-primary">Save</button>
                                    </div>
                                </form>
                            </div>
                        

这是测试结果：