Yan*_*nik 5 razor blazor blazor-server-side
最近,我遇到了一个问题,并通过清理解决方案来解决它。但现在我遇到了同样的问题,清理解决方案并不能解决我的错误。在我的项目中,我使用模态来显示表单。因此,我使用 EditForm 创建了一个模式组件,以在数据库中生成一个新实体。
<div class="modal">
<div class="modal-body">
<div class="row">
<div class="col s12">
<h5>New Item</h5>
</div>
</div>
<div class="row">
<EditForm Model="MyEntity" OnValidSubmit="OnValidSubmit" OnInvalidSubmit="OnInvalidSubmit">
<DataAnnotationsValidator />
<ValidationSummary></ValidationSummary>
<div class="input-field fixed col s12">
<InputText id="name" @bind-Value="MyEntity.Name" />
<label class="active" for="name">Name</label>
</div>
<div class="col s12">
<button class="right btn" type="submit">Create</button>
</div>
</EditForm>
</div>
</div>
<div class="modal-footer">
<button class="modal-close btn-flat">Close</button>
</div>
</div>
@code {
[Parameter]
public MyEntityClass MyEntity {get; set;}
[Parameter]
public EventCallback<Microsoft.AspNetCore.Components.Forms.EditContext> OnValidSubmit { get; set; }
[Parameter]
public EventCallback<Microsoft.AspNetCore.Components.Forms.EditContext> OnInvalidSubmit { get; set; }
}
Run Code Online (Sandbox Code Playgroud)
在索引页面我想使用这样的组件:
@page "/mypage"
<MyProject.Pages.Shared.MyModalComponent MyEntity="_newMyEntity" OnValidSubmit="HandleValidSubmit" InvalidSubmit="HandleOnInvalidSubmit" />
@*
Some more HTML Code ...
*@
@code{
private MyEntityClass _newMyEntity = new MyEntityClass();
void HandleValidSubmit()
{
// Write to Database ...
}
void HandleOnInvalidSubmit()
{
// Display Errormessage to User ...
}
}
Run Code Online (Sandbox Code Playgroud)
Blazor 不会呈现组件,它只是呈现为带有变量名称的 HTML 标记:
现在到奇怪的部分:在另一个页面上,我构建了一个表格组件来显示复杂的数据,并且一切正常!我错过了什么?
我正在使用 .NET Core 3.1 Blazor 服务器端和 Visual Studio 2019 Enterprise 版本 16.4.4
归档时间: |
|
查看次数: |
1932 次 |
最近记录: |