从 Razor 更新列表使用 Entity Framework Core 查看

Question

我从 Razor 视图表更新时遇到了挑战，不确定我的方法是否正确。 我没有在 DIV 中显示数据（要编辑），而是在 TABLE 中显示。 我可以理解隐藏属性是如何用于更新行的。 就我而言，我在“编辑”页面上显示了多行，但无法仅为具有更新的行更新数据库。

我的查看页面是这样的

<form method="post">
    <div asp-validation-summary="ModelOnly" class="text-danger"></div>        
    <table class="table">
        <thead>
            <tr>
                <th> @Html.DisplayNameFor(model => model.Fields[0].Name) </th>
                <th> @Html.DisplayNameFor(model => model.Fields[0].Value) </th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            @foreach (var item in Model.Fields)
            {
                <tr>
                    <td> <input type="hidden" asp-for=@item.ID /> </td>
                    <td> @Html.DisplayFor(modelItem => item.Name) </td>
                    <td contenteditable='true'> @Html.DisplayFor(modelItem => item.Value) </td>
                </tr>
            }
        </tbody>
    </table>
    <div class="form-group">
        <input type="submit" value="Save" class="btn btn-primary" />
    </div>
</form>

后面的代码是这样的。 字段在 OnPostAsync 方法中显示为 0。

[BindProperty]
    public IList<FieldInfo> Fields { get; set; }
    public async Task<IActionResult> OnGetAsync(string id)
    {
        Fields = await _context.FieldInfo.Where(m => m.GUID == id).ToListAsync();
        return Page();
    }

    public async Task<IActionResult> OnPostAsync()
    {
        foreach (var p in Fields) // In this approach Fields shows as count=0
        {
            _context.Attach(p.Value).State = EntityState.Modified;
        }

        _context.Attach(Fields).State = EntityState.Modified; // In this approach Exception: The entity type 'List<FieldInfo>' was not found.

        await _context.SaveChangesAsync();            
        return RedirectToPage("./Index");
    }

Answer 1

如果要使用列表或集合，则必须使用索引来标识单个元素。 https://www.learnrazorpages.com/razor-pages/model-binding#binding-complex-collections

在您的情况下，我将使用显式索引：

@foreach (var item in Model.Fields)
{
    <tr>
        <td> <input type="hidden" asp-for="Fields[item.ID].ID" />  <input type="hidden" name="Fields.Index" value="Fields[item.ID].ID" /></td>
        <td> @item.Name</td>
        <td><textarea asp-for="Fields[item.ID].Value">@Fields[item.ID].Value">@Fields[item.ID].Value</textarea> </td>
    </tr>
}

请注意，分配给指定为contenteditable的td的值不会作为表单的一部分发布。 您应该使用合适的表单控件，例如input或textarea 。

Answer 2

在将类型从IList更改为List后，我得到了它的工作

[BindProperty]
public List<FieldInfo> Fields { get; set; }