ListView

Description

This component represents a list view in Blazor using the Gap.Blazor.ListView model. It supports multiple view modes, including a detailed view rendered through a dedicated WMListViewDetails component. The component is designed to handle dynamic data and column configurations, with full support for selection and check state tracking.

Usage

@using System.Collections.ObjectModel
@using Gap.Blazor
@using Gap.Blazor.Components
@using System.Dynamic
@namespace Gap.Blazor.Components

@if (@listViewModel.View == ListViewMode.Details)
{
    <WMListViewDetails model="@listViewModel"></WMListViewDetails>
}

Properties

  • listViewModel: Instance of the Gap.Blazor.ListView model.

  • items: An observable collection of ExpandoObject used to represent dynamic data rows.

  • telerikGrid: Reference to a Telerik Grid component (used internally in detailed views).

  • DataAdapter: Instance of ListViewDataAdapter used to adapt the model’s data for rendering.

Methods

  • OnInitialized(): Initializes the data adapter and subscribes to model events:

    • Columns.ColumnHeaderAdded

    • Columns.ColumnHeaderRemoved

    • SelectedItems.AfterClear, AfterAdd

    • SelectedIndices.AfterClear, AfterAdd

    • CheckedIndices.AfterAdd, AfterRemove

  • OnParametersSetAsync(): Placeholder for handling parameter updates (currently no logic).

  • Columns(): Returns the ColumnHeaderCollection from the model.

Dynamic Rendering

The component conditionally renders the detailed view using:

  • WMListViewDetails: A specialized component for rendering the Details view mode.

  • View Mode Check: Only renders if listViewModel.View == ListViewMode.Details.

Events

  • ColumnHeaderAdded / Removed

  • SelectedItems / SelectedIndices / CheckedIndices: Add and clear events

  • NotifyModelChanged: Triggered indirectly via event subscriptions

PreviousListBoxNextWMListViewDetails

Last updated