Создание редактируемой ячейки в Blazor Quick Grid

Я работаю с компонентом Blazor Quick Grid, и у меня есть сетка с несколькими столбцами, в одном из которых отображается сводка. Я хочу сделать эту ячейку сводки доступной для редактирования, чтобы пользователи могли обновлять ее непосредственно в сетке. Вот мой текущий код:

Я не уверен, как правильно привязать значение и обеспечить обновление изменений в базовом источнике данных. Может ли кто-нибудь подсказать мне, как изменить код, чтобы получить редактируемую ячейку для сводки в быстрой сетке Blazor с двусторонней привязкой?

Репозиторий Github для примера реализации

https://github.com/aathirakhusi/blazor-quick-grid

1 ответ

Добавление TemplateColumn с текстом типа ввода помогло мне добавить редактируемую ячейку внутри быстрой сетки.

      <div class="grid" tabindex="-1" style="display: @(loading ? "none" : "block")">
<QuickGrid ItemsProvider="wfProvider">
    <PropertyColumn Format="dd-MM-yyyy"
                    Property="@(c => c.Date)" Sortable="true" IsDefaultSort="SortDirection.Ascending" />
    <PropertyColumn Property="@(c => c.TemperatureC)" />
    <PropertyColumn Property="@(c => c.TemperatureF)" />
    <TemplateColumn Sortable="true" Title="Summary">
        <div>
            <label>
                <input type="text" @bind="@context.Summary" />
            </label>
        </div>
    </TemplateColumn>
</QuickGrid>
Другие вопросы по тегам