ASP.NET Core：Modal 不會將值傳遞給控制器​​方法

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>
    }

但是我有以下問題：當我想編輯問題並單擊保存時，控制器中的 Edit 方法沒有獲取值。 該方法如下所示：

我該怎么做才能確保傳遞這些值？

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>
                        

這是測試結果：