@page "/Sorting"
@using BlazorIntro.Data
@using C1.Blazor.Core
@using C1.Blazor.Grid
@using C1.DataCollection
@inject WeatherForecastService ForecastService
<h1>FlexGrid Data Binding</h1>
 <p>
     Toggle CheckBox to enable/disable sorting in FlexGrid.<br />
     <label for="gridSort">Allow Grid Sorting</label><input id="gridSort" type="checkbox" @bind="isGridSort" /><br />
     <label for="dateColSort">Enable/Disable sorting for Date column when grid sorting is enabled</label><input id="dateColSort" type="checkbox" @bind="isDateColumnSort" />
 </p>
<FlexGrid @ref="grid" AutoGenerateColumns="false" ItemsSource="@forecasts" AllowSorting="@isGridSort">
     <FlexGridColumns>
         <GridColumn Header="Date" Binding="Date" Format="d" AllowSorting="@isDateColumnSort"> </GridColumn>
         <GridColumn Header="Temp C" Binding="TemperatureC" Format="n2"></GridColumn>
         <GridColumn Header="Temp F" Binding="TemperatureF"></GridColumn>
         <GridColumn Header="Summary" Binding="Summary"></GridColumn>
     </FlexGridColumns>
 </FlexGrid>
 @code {
    WeatherForecast[] forecasts;
     FlexGrid grid;
     public bool isGridSort { get; set; } = true;
     public bool isDateColumnSort { get; set; } = false;
    protected override async Task OnInitializedAsync()
     {
         forecasts = await ForecastService.GetForecastAsync(DateTime.Now);
     }
}