@using Telerik.DataSource
<div class="info-note">Change any filter value to trigger the event and see the message update from the OnUpdate handler.</div>
<TelerikFilter Value="@Value" OnUpdate="@OnFilterUpdate">
    <FilterFields>
        <FilterField Name="@(nameof(Person.EmployeeId))" Type="@(typeof(int))" Label="Id"></FilterField>
        <FilterField Name="@(nameof(Person.Name))" Type="@(typeof(string))" Label="First Name"></FilterField>
        <FilterField Name="@(nameof(Person.AgeInYears))" Type="@(typeof(int))" Label="Age"></FilterField>
    </FilterFields>
</TelerikFilter>
<br />
<div>
    <strong>@EventMessage</strong>
</div>
<style>
    .info-note {
        background: #e6f4ff;
        padding: 10px;
        border-radius: 4px;
        margin-bottom: 10px;
        width: 400px;
    }
</style>
@code {
    private CompositeFilterDescriptor Value { get; set; } = new CompositeFilterDescriptor();
    private string EventMessage { get; set; } = string.Empty;
    private void OnFilterUpdate()
    {
        EventMessage = $"Filter updated at {DateTime.Now:HH:mm:ss}";
    }
    public class Person
    {
        public int EmployeeId { get; set; }
        public string Name { get; set; } = string.Empty;
        public int AgeInYears { get; set; }
    }
}