Gestione opzioni colonna nella Blazor QuickGrid

di Morgan Pizzini, in ASP.NET Core,

Attraverso l'ultimo rilascio di .NET 10 abbiamo a disposizione una nuovo metodo per gestire le opzioni colonna in una QuickGrid.

Con opzioni colonna si intende la finestra che appare, tipicamente in prossimità dell'header, che permette di impostare dei filtri o parametri per riordinare la tabella.

Attraverso il metodo HideColumnOptionsAsync possiamo pilotare la chiusura automatica del pop-up conseguentemente ad un'azione svolta dall'utente

<QuickGrid @ref="myGrid" Items="items">
  <PropertyColumn Property="@(i => i.Name)" Title="Name">
    <ColumnOptions>
      <input type="search" @bind="nameFilter" placeholder="Filter by name"
        @bind:after="@(() => myGrid.HideColumnOptionsAsync())" />
    </ColumnOptions>
  </PropertyColumn>
</QuickGrid>

Nel caso riportato come esempio, il pop-up delle opzioni colonna si chiuderà automaticamente dopo che l'utente avrà inserito un filtro nel campo di ricerca ed il testo verrà effettivamente salvato all'interno della variabile nameFilter

Commenti

Visualizza/aggiungi commenti

| Condividi su: LinkedIn, Facebook

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi