После отправки 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();


person Mihai    schedule 17.08.2020    source источник


Ответы (1)


Вы не добавляете элемент в список после создания. Или вы должны снова вызвать тот же код, что и в OnInitializedAsync (). Вот почему он отображается при обновлении.

person Brian Parker    schedule 17.08.2020
comment
Спасибо, что быстро ответили на мой вопрос. Добавление Добавление нового объекта в список исправило это. :) - person Mihai; 17.08.2020