Bind to event oninput

[Stefan]

Hi,

How do I bind to oninput event in EjsNumericTextBox? This works fine in an ordinary input element but not EjsNumericTextBox.

The problem is that when event onchange is called the value has not been updated in the model yet. The value received by the method OnChangeReps() is the old value and not the new updated. 

See the attached image. The code in the image does not work for EjsNumericTextBox.

[Berly Christopher]

Hi Stefan, 

  

Greetings from Sycfusion support. 

  

We have checked your query and we would like to let you know that “@bind-value:event=”oninput”“ is not supported for Blazor custom components. So, we can achieve your requirement by assigning the argument value to the bounded variable for bind-value in the native input event as mentioned below. 

<p>Numeric Value is: @NumericVal</p> 

<EjsNumericTextBox TValue="object" @bind -Value="@NumericVal" @oninput="@OnInput" @onchange="(e => OnChange(e))"></EjsNumericTextBox> 

 

@code { 

    public object NumericVal { get; set; } = 12; 

    public void OnInput(Microsoft.AspNetCore.Components.ChangeEventArgs args) 

    { 

        this.NumericVal = args.Value; 

    } 

    public void OnChange(Microsoft.AspNetCore.Components.ChangeEventArgs args) 

    { 

        Console.WriteLine("Changed"); 

    } 

} 

 

 

  

Please find the sample from the below link. 

Sample Link: https://www.syncfusion.com/downloads/support/forum/151016/ze/Syncfusion_Numeric_1510161211654446  

 

Also, while binding the onchange event for the Numeric TextBox component, it's working fine at our end. Also, we have provided the support for change event is valuechange for the NumericTextBox component in Blazor platform. So, you can use it for the application needs as mentioned below. 

 

<EjsNumericTextBox TValue="object"> 

    <NumericTextBoxEvents TValue="object" ValueChange="@OnChange"></NumericTextBoxEvents> 

</EjsNumericTextBox> 

 

@code { 

    public void OnChange(Syncfusion.EJ2.Blazor.Inputs.ChangeEventArgs args) 

    { 

        Console.WriteLine("Change event is triggered"); 

    } 

} 

 

  

Please find the documentation from the below link. 

Link: https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Inputs.NumericTextBoxEvents-1.html#Syncfusion_Blazor_Inputs_NumericTextBoxEvents_1_ValueChange  

 

Please check the provided sample and still issue persists, please revert us with issue reproducing sample and product version, Visual Studio preview version details that will help us to check and proceed further. 

 

Regards, 

Berly B.C