РЕДАКТИРОВАТЬ:, как отметил MrC, он же Шон Кертис, в комментариях, код, прикрепленный к вопросу, правильный, а @rendermode - нет: мне пришлось отредактировать App.razor, добавив @rendermode = InteractiveServer к элементам и .
предпосылка
Я работаю над проектом Blazor с сообществом VS 17.14.25.
Я пытаюсь привязать панель нумерации страниц к таблице: при нажатии кнопки на этой панели в таблице должна отображаться соответствующая страница; за кулисами он получает новый сегмент записей через разбиение на страницы (я уверен, что проблема не в API).
Что не работает
Нажатие на элемент Bar ничего не дает. Первая функция PaginationBar.razor, по-видимому, срабатывает, но безуспешно.
Я пробовал менять подписи, вызывать StateHasChanged() и выполнять чистую перестройку, но ничего не помогло.
Код
Вот пример кнопки PaginationBar.razor:
[*]
Вот раздел @code PaginationBar.razor:
@code {
[Parameter]
public int CurrentPage { get; set; }
[Parameter]
public int TotalPages { get; set; }
[Parameter]
public EventCallback OnCurrentPageUpdated { get; set; }
private async Task UpdateCurrentPage(int newPage)
{
// Validation via HTML
await OnCurrentPageUpdated.InvokeAsync(newPage);
}
}
Вот как я включил PaginationBar.razor в индекс:
CurrentPage="@CompanyQueryResult.PageNumber"
TotalPages="@CompanyQueryResult.TotalPages"
OnCurrentPageUpdated="UpdateCurrentPage">
А вот как я обрабатываю EventCallback в компоненте Index.Razor:
public async Task UpdateCurrentPage(int newPage)
{
Filters.PageNumber = newPage;
CompanyQueryResult = await _service.GetCompaniesAsync(Filters);
StateHasChanged();
}
Подробнее здесь: https://stackoverflow.com/questions/798 ... ect-render
