different between e-grid column editType = "numericedit" and input type = "number"

I always use it very conveniently.

There is one problem.


The behavior is different between <e-grid column editType = "numericedit"> and <input type = "number">  


When inputting with Japanese IME and confirming the conversion

<input type = "number"> cancels non-numeric input.

<e-grid column editType = "numericedit"> can enter non-numeric values. Then, when the cursor is removed, the non-numeric value is deleted.


It is a problem that can be avoided by adding type = "number" later with javascript, but is it possible to deal with it on the ejs-grid side?


1 Reply

RR Rajapandi Ravi Syncfusion Team April 29, 2022 01:30 PM UTC

Hi Kohei,


Greetings from Syncfusion support


We have checked your query and we could see that you are facing the problem when the Grid column editType as numericedit. Based on your query we have prepared a sample and tried to reproduce your reported problem, but it was unsuccessful. The numericedit only allows the numeric value to enter. Please refer the below code example and sample for more information.


 

<ejs-grid id="Grid" dataSource="ViewBag.dataSource" toolbar="@(new List<string>() { "Add", "Edit", "Delete", "Cancel", "Update" })" allowPaging="true">

        <e-grid-editSettings allowAdding="true" allowDeleting="true" allowEditing="true" mode="Normal"></e-grid-editSettings>

        <e-grid-columns>

            <e-grid-column field="OrderID" headerText="Order ID" validationRules="@(new { required=true})" isPrimaryKey="true" textAlign="Right" width="100"></e-grid-column>

            <e-grid-column field="Freight" headerText="Freight" textAlign="Right" editType="numericedit" width="120"></e-grid-column>

            <e-grid-column field="CustomerID" headerText="Customer Name" validationRules="@(new { required=true})" width="140"></e-grid-column>

            <e-grid-column field="OrderDate" headerText="Order Date" editType="datepickeredit" format="yMd" width="120"></e-grid-column>

        </e-grid-columns>

    </ejs-grid>

 


Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/edt-1389453637.zip


If you still face the issue, please share the below details that will be helpful for us to provide better solution.


1)           Share any issue reproducible sample or try to reproduce the issue with our above attached sample.


2)           Share the issue scenario in video demonstration format.


Regards,

Rajapandi R


Loader.
Up arrow icon