We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Grid drop-down modify with single click

When modifying the grid, I want to modify the drop-down list with one click.

The method shown in 'Documentation' on the homepage does not apply.

Can it work in a different way?

Attachment: grid_dropdownEdit_77a7cced.zip

3 Replies

VB Vinitha Balasubramanian Syncfusion Team March 6, 2023 05:55 AM UTC

Hi TaeWook,

Greetings from Syncfusion support.

Query: Grid drop-down modify with single click.

From your query, we understand that you want to save the dropdown cell immediately after modifying the dropdown value. You can achieve your requirement using saveCell method of grid in the change event of dropdown component.

new ej.dropdowns.DropDownList({

                        dataSource: country,

                        fields: { value: 'countryId', text: 'countryName' },

                        change: function(){

                            var grid = document.getElementById("Grid").ej2_instances[0];

                            grid.saveCell();           // saveCell method   


                        placeholder: 'Select a country',

                        floatLabelType: 'Never'


Please refer the attached sample.


Vinitha Balasubramanian.

If this post is helpful, please consider Accepting it as the solution so that other members can locate it more quickly.

Attachment: core_demo_saveCell_467dd778_6bdf1926.zip

TK TaeWook Kang March 6, 2023 07:51 AM UTC

Once you click on a cell, you want it to be modified.

The solution you told me is to save the cells at once, and all I want is to start modifying them with one click.


If you look at the sample, you can see that the method from here has been applied, but it is not reflected.

That's why I want another way.

VB Vinitha Balasubramanian Syncfusion Team March 13, 2023 06:27 PM UTC


As per the information you provided, we have prepared a sample to enable editing with a single click for normal editing, using the documentation you shared with us.

Please find the attached sample for your reference.

Attachment: core_SingleClickEdit_15ff21dd.zip

Live Chat Icon For mobile
Up arrow icon