如何解决提交EditForm后,组件不会重新呈现
美好的一天!
我使用Blazor组件来呈现和更新非sql数据库信息。我希望在提交后重新呈现组件,但是即使调用this.StateHasChanged();
,我也必须手动刷新页面。我的代码没有错误或警告消息。
在阅读了官方的Blazor和ASP.net文档,大量关于stackoverflow的教程和答案之后,我仍然不知道为什么该组件没有刷新。
我还手动尝试使用控制变量和if()
语句刷新组件的内容。
谢谢!
@page "/admin/selectcategory"
<h5>SelectCategory</h5>
@{
int count = categoryList.Count;
if (count != 0)
{
<div class="list-group list-group-flush mt-3 mb-5">
@foreach (var rec in categoryList)
{
<a href="Category/@rec.ID" class="list-group-item list-group-item-action pl-0 py-4">
<div class="d-flex justify-content-between">
<h5 class="mb-1 mt-2">@rec.Name</h5>
<small>500 anunturi</small>
</div>
<p class="mt-1">@rec.Description</p>
<small class="text-muted">Lorem,Ipsum,Dolor sit,Amet...</small>
</a>
}
</div>
}
<h3 class="panel-title my-2">Add Category</h3>
<p>Lorem ipsum dolor sit amet</p>
<EditForm Model="@newCategory" OnValidSubmit="AddCategory"
class="my-3">
<InputText @bind-Value="newCategory.Name"
class="form-control py-3 px-3 my-2"
id="new-category-name"
placeholder="Category Name" />
<InputTextArea @bind-Value="newCategory.Description"
class="form-control py-3 px-3 my-2"
id="new-category-description"
placeholder="Description" />
<button type="submit" class="btn btn-light py-2 px-3 my-2">Create Category</button>
</EditForm>
}
@code{
private List<Category> categoryList = new List<Category>();
private Category newCategory = new Category();
private Category cat = new Category();
protected override async Task OnInitializedAsync() => categoryList = await Task.Run(() => cat.Read("CategoryList"));
private async Task AddCategory()
{
await Task.Run(() => newCategory.Create("CategoryList"));
newCategory = new Category();
this.StateHasChanged();
解决方法
创建后未将项目添加到列表中。或者,您应该再次调用与OnInitializedAsync()中相同的代码。这就是为什么它刷新显示的原因。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。