Blazor Grid Lite Data Binding

    La Grid Lite acepta aList<T> como su fuente de datos, dondeT representa tu modelo. Cada fila de la cuadrícula es la representación renderizada de un registro de datos en el array, con celdas de fila controladas por la configuración de columnas.

    Al aplicar transformaciones de datos, como ordenar y filtrar, la cuadrícula no modifica la referencia original de datos. Es decir, las transformaciones de datos no se reflejarán en la fuente original. La cuadrícula no registra los cambios en los objetos dentro del array de datos, por lo que la modificación directa de los objetos de datos no se reflejará.

    Change the Data Source at Runtime

    El componente permite cambiar su fuente de datos en tiempo de ejecución. Si la nueva fuente tiene una "forma" diferente a la anterior, asegúrate de actualizar también la configuración de tu columna.

    <IgbGridLite Data="data">
    <!-- Update column configuration, add or remove columns as needed to represent the new data. -->
    <IgbGridLiteColumn Field="Id" />
</IgbGridLite>

@code {
    this.data = new List<T>
    {
        // records follow
    };
}

    If the grid has AutoGenerate enabled, it will "infer" the new column configuration automatically when the data changes.

    <IgbGridLite Data="data" AutoGenerate="true" />

@code {
    // After the new binding the grid will infer the column collection from the bound data.
    this.data = new List<T>();
}

    [!NOTE] The sort/filter states of the Grid Lite are kept when changing the data source in this manner. Usually you will want to reset them by calling either ClearSort() and/or ClearFilter().

    En el ejemplo siguiente, la cuadrícula tiene activada la generación automática de columnas. Cuando haces clic en el botón de cambiar datos, la recogida de columnas se reinicia y una nueva fuente de datos se vincula a la cuadrícula.

    Additional Resources

    Nuestra comunidad es activa y siempre da la bienvenida a nuevas ideas.