asp.net-core - 表中的 EditForm 不呈现

Question

Blazor vRC1
EditForm 似乎有些微妙之处组件，在某些标记情况下它不会呈现其内容。例如，当 EditForm放置在 <table> 内标签, 什么都没发生 .

<table>
<thead>...</thead>
<EditForm Model="MyModel">
    @foreach(var item in MyModel.Items)
    {
        <tr><td>....</td></tr>
    }
</EditForm>
</table>

然而包装 <table>与 EditForm 一切都按预期呈现 .

<EditForm Model="MyModel">
<table>
<thead>...</thead>   
    @foreach(var item in MyModel.Items)
    {
        <tr><td>....</td></tr>
    }
</table>
</EditForm>

我对后者没问题，但是如果渲染引擎无法处理第一个示例，如果它抛出某种错误以警告开发人员不支持这种情况，那就太好了。

Answer 1

避免制作 form作为 table 的子元素.作为解决方法，您可以尝试添加 <div>并移动 EditForm在它里面(虽然把 div 嵌套在 form 中是不正确的)，或者你可以把 form 放在表格单元格内(在 <td> 标签内)。

<table>
    <thead>...</thead>
    <div>
        <EditForm Model="MyModel">
            @foreach(var item in MyModel.Items)
            {

            }
        </EditForm>
    </div>
</table>

或者 :

<table>
    <thead>...</thead>
    <tr>
        <td>
            <EditForm Model="MyModel">
                @foreach(var item in MyModel.Items)
                {

                }
            </EditForm>
        </td>
    </tr>
</table>

但当然，最好有你的 table内 form .