Wednesday, January 29, 2020

Blazor component with callback event

Call Back event together with bind component property
Blazor Component:

<h3>DK.PoC.Blazor.TestComp.TextBox</h3>
 
<input @bind="@Value" @oninput="ValueChanged" />
 
@code {
    [Parameter]
    public string Value { getset; }
 
    [Parameter]
    public EventCallback<ChangeEventArgs> ValueChanged { getset; }
}

Blazor Page

<TestComp Value="Deepak" ValueChanged="@((e=> DoIt(e))"/>
@code
{
 
        private void DoIt(ChangeEventArgs e)
        {
            Console.WriteLine(e.Value);
        }
    }