DxDataColumnBase.VisibleIndexChanged Event

Fires when the column’s visible index changes.

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public EventCallback<int> VisibleIndexChanged { get; set; }

Parameters

Type	Description
Int32	A new value of the VisibleIndex property.

Remarks

The VisibleIndexChanged event fires each time the VisibleIndex property value changes. The event is handled automatically when you use two-way data binding for the VisibleIndex property (@bind-VisibleIndex).

Razor

@inject WeatherForecastService ForecastService

<DxDataGrid Data="@forecasts">
    <HeaderTemplate>
        <DxToolbar>
            <DxDataGridColumnChooserToolbarItem Alignment="ToolbarItemAlignment.Right" />
        </DxToolbar>
    </HeaderTemplate>
    <Columns>
        <DxDataGridDateEditColumn Caption="Date"
                                  Field="Date"
                                  @bind-VisibleIndex="VisibleIndex" />
        <DxDataGridColumn Field="TemperatureF"/>
        <DxDataGridColumn Field="TemperatureC" />
    </Columns>
</DxDataGrid>

<p>The Date column's visible index is <b>@VisibleIndex</b></p>

@code {
    int VisibleIndex { get; set; } = 0;
    private WeatherForecast[] forecasts;

    protected override async Task OnInitializedAsync() {
        forecasts = await ForecastService.GetForecastAsync(DateTime.Now);
    }
}

WeatherForecast

using System;

public class WeatherForecast {
    public DateTime Date { get; set; }
    public int TemperatureC { get; set; }
    public double TemperatureF => Math.Round((TemperatureC * 1.8 + 32), 2);
    public double Precipitation { get; set; }
}

WeatherForecastService

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Threading;
    using System.Threading.Tasks;

    public class WeatherForecastService {
    // ...
        private List<WeatherForecast> Forecast { get; set; }

        public WeatherForecastService() {
        // ...
            Forecast = CreateForecast();
        }

// ...
        private List<WeatherForecast> CreateForecast() {
            var rng = new Random();
            DateTime startDate = DateTime.Now;
            return Enumerable.Range(1, 15).Select(index => new WeatherForecast {
                Date = startDate.AddDays(index),
                TemperatureC = rng.Next(-20, 55),
            }).ToList();
        }

        public Task<WeatherForecast[]> GetForecastAsync(CancellationToken ct = default) {
            return Task.FromResult(Forecast.ToArray());
        }
    }

Program.cs

// ...
builder.Services.AddSingleton<WeatherForecastService>();