Textbox: raise an event when clear button is clicked

[Berger Stephane]

Hello,

It would be great if you could raise an event when the clear text button is clicked on the textbox.

So far, I subscribe to the ValueChanged event and check if the string is null or empty, but this is not exactly the same as "ClearButtonClicked".

Thank you in advance.

[Berly Christopher]

Hi Berger, 

  

By default, there is no event will be provided for fired when clicking the clear button. While clicking the clear button in the textbox component, the ValueChange event will be fired. We can confirm that whether the change event will be triggered by a keyboard action or by clicking the clear button in the ValueChange event arguments. Since, if you are clicking the clear icon, then you can get the event type as “mousedown” in the change event argument.  

  

<SfTextBox ShowClearButton="true" ValueChange="OnValueChange"></SfTextBox> 

 

@code{ 

    public void OnValueChange(ChangedEventArgs args) 

    { 

    } 

} 

 

  

On clicking clear icon: 

  

 

  

Regards, 

Berly B.C 

[Berger Stephane]

Makes sense. 

Thanks a lot ffor your suggestion!

[Berly Christopher]

Hi Berger, 

  

Most welcome. Please let us know if you need further assistance on this. 

  

Regards, 

Berly B.C 

[Endre Lovas]

Hello,

What about SfNumericTextbox?

[Yohapuja Selvakumaran]

Hi Endre Lovas,

Thank you for getting back to us. We have reviewed your requirement and confirmed that it is possible to achieve this with the NumericTextBox component. By default, there is no specific event triggered when clicking the clear button in the NumericTextBox. However, the ValueChange event will be fired when the clear button is clicked.

Please see the code snippet below for implementation:

 

 

<SfNumericTextBox TValue="int?" ShowClearButton="true">

    <NumericTextBoxEvents TValue="int?" ValueChange="@ValueChangeHandler"></NumericTextBoxEvents>

</SfNumericTextBox>

 

@code {

    private void ValueChangeHandler(Syncfusion.Blazor.Inputs.ChangeEventArgs<int?> args)

    {

        Console.WriteLine("Event triggered");

    }

}

 

Sample: https://blazorplayground.syncfusion.com/LZVTZEVRTcGJlWSD

You can refer to the below documentation for further reference,

Documentation: https://blazor.syncfusion.com/documentation/numeric-textbox/events#created

Regards,

Yohapuja S