隐藏的表单值未在Form POST上绑定

时间:2019-09-09 16:58:26

标签: c# asp.net .net asp.net-core model-binding

我正在向视图发送一个列表。 尝试通过表单提交列表中的每个项目。

型号:

 public partial class Model
    {
        public int Id { get; set; }
        public string UId { get; set; }
        public int WId { get; set; }
        public bool IsEnabled { get; set; }

        public virtual AspNetUsers User { get; set; }
        public virtual WModel W { get; set; }
    }

控制器:

public IActionResult UWC()
{
    List<Model> uW = db.UW.Include(x => x.U).Include(x=>x.W).ToList();
    return View(uW);
}

[HttpPost]
public IActionResult UWC(Model uW)
{
    var s = ModelState.ErrorCount;
    return RedirectToAction("UWC");
}

查看

@model List<Model>
            <table  class="table">
                <thead>
                    <tr>
                        <th>
                            @Html.DisplayNameFor(model => model[0].W.Name)
                        </th>
                        <th>
                            @Html.DisplayNameFor(model => model[0].W.Type)
                        </th>
                        <th>
                            @Html.DisplayNameFor(model => model[0].W.Description)
                        </th>
                        <th>
                            @Html.DisplayNameFor(model => model[0].W.IsActive)
                        </th>
                    </tr>
                </thead>
                <tbody>
                    @for (var item = 0; item < Model.Count(); item++)
                    {
                        <tr>
                            <td>
                                @Html.DisplayFor(model => model[item].W.Name)
                            </td>
                            <td>
                                @Html.DisplayFor(model => model[item].W.Type)
                            </td>
                            <td>
                                @Html.DisplayFor(model => model[item].W.Description)
                            </td>
                            <td>
                                @if (Model[item].IsEnabled)
                                {
                                    @try
                                    {
                                        <form asp-action="UWC" asp-controller="UM" method="post">
                                            <div class="switch switch--horizontal switch--no-label ">
                                                <input asp-for="@Model[item].IsEnabled" type="radio" value="@Model[item].IsEnabled" class="form-control" />
                                                <input asp-for="@Model[item].IsEnabled" type="radio" value="false" class="form-control" />
                                                <span class="toggle-outside"><span class="toggle-inside"></span></span>
                                            </div>

                                            <input type="hidden" asp-for="@Model[item].Id" value="@Model[item].Id" />
                                            <input type="hidden" asp-for="@Model[item].WId" value="@Model[item].WId" />
                                            <input type="hidden" asp-for="@Model[item].UId" value="@Model[item].UId" />

                                        </form>
                                    }
                                    catch (Exception e)
                                    {
                                        var s = e.Message;
                                    }
                                }
                            </td>
                        </tr>
                    }
                </tbody>
            </table>
        </div>
    </div>
</div>
@section Scripts{
    <script>
        $(function () {
            $('input[type=radio]').change(function () {
                $(this).closest('form').submit();
            });
        });
    </script>
}

上面是完整的代码。

当我使用单选按钮切换提交表单时,只有IsEnabled属性会绑定到POST。

但是页面源代码显示所有属性都已在视图中正确绑定,即Id,Uid,Wid所有这些属性已被其值替换。

@Model [item] .Id不一定是顺序的,但我相信item-循环变量决定模型的绑定。

当Page源具有模型值时,为什么它没有反映在POST上?
如果模型绑定中断,那么IsEnabled属性如何正确绑定?

1 个答案:

答案 0 :(得分:2)

  

当我使用单选按钮切换提交表单时,只有IsEnabled属性会绑定到POST。

模型绑定不会传递false属性的IsEnable值,而是bool的默认值。

  

当Page源具有模型值时,为什么它没有反映在POST上?

我重现了您的问题,您需要为输入指定name属性,以与您的操作中参数Model的属性相对应。否则,模型绑定将无法使用。

@try
{
    <form asp-action="UWTest" asp-controller="Test" method="post">
        <div class="switch switch--horizontal switch--no-label ">
            <input asp-for="@Model[item].IsEnabled" type="radio" name="IsEnabled" value="@Model[item].IsEnabled" class="form-control" />
            <input asp-for="@Model[item].IsEnabled" type="radio" name="IsEnabled" value="false" class="form-control" />
            <span class="toggle-outside"><span class="toggle-inside"></span></span>
        </div>

        <input type="hidden" asp-for="@Model[item].Id" value="@Model[item].Id" name="Id"/>
        <input type="hidden" asp-for="@Model[item].WId" value="@Model[item].WId" name="WId"/>
        <input type="hidden" asp-for="@Model[item].UId" value="@Model[item].UId" name="UId" />

    </form>
}
catch (Exception e)
{
    var s = e.Message;
}