Hello!
I'm implementing custom grid's filter menu for date column using daterangepicker
If i select different than current month in date range, rangeselected event doesn't fired.
see attachment.
@page "/"
<SfGrid TValue="Order" AllowFiltering="true">
<GridFilterSettings Type="Syncfusion.Blazor.Grids.FilterType.Menu" ShowFilterBarStatus="true" />
<GridColumns>
<GridColumn Field="@nameof(Order.Id)" />
<GridColumn Field="@nameof(Order.Date)">
<FilterTemplate>
<SfDateRangePicker StartDate="@start" EndDate="@end"
ShowClearButton="false" Format="dd.MM.yy"
AllowEdit="false" CssClass="e-date-filter">
<DateRangePickerEvents RangeSelected="@DateRangeSelectHandler" ValueChange="@RangeChanged" />
</SfDateRangePicker>
</FilterTemplate>
</GridColumn>
</GridColumns>
</SfGrid>
@code{
DateTime? start, end;
private void DateRangeSelectHandler(RangeEventArgs args)
{
// doesn't fired if current month is changed
if (args.DaySpan > 0)
{
start = args.StartDate;
end = args.EndDate;
(args.Element as Newtonsoft.Json.Linq.JObject).ToObject<SfDateRangePicker>().Hide();
}
}
private void RangeChanged(RangeEventArgs args)
{
// doesn't fired if current month is changed
}
public class Order
{
public int Id { get; set; }
public DateTime? Date { get; set; }
}
}
<style>
.e-date-filter .e-footer {
display: none !important;
}
.e-flm_optrdiv {
display: none;
}
.e-flmenu-valuediv {
padding: 0 !important;
}
</style>
Attachment:
SyncfusionTest_7c5665e.rar
