"However, in case you require a combination of edit modes, e.g., all columns should have edit mode set to cell, whereas one column should be edited via a dialog, what I could suggest is defining a custom editing dialog via the igDialog and using the igGrid’s cellClick event in order to open the dialog whenever a cell inside the column that supports dialog edit is clicked.

Here could be found a sample demonstrating this approach where the ProductName column has cell editing enabled and the Description column uses a custom igDialog for dialog editing."

This answers my question. Thank you.

Hello Swathi,

Thank you for posting into our community!

I have been looking into your question and I need to ask for some additional information to ensure that you question is addressed correctly.

Could you please clarify what do you refer to with to have the row edit dialog “for one column”? Do you mean that only one column should be editable, i.e., the others are marked as readOnly, and only the editable column field should be displayed inside the editing dialog?

In case this is your requirement, what I could say is that this could be achieved by setting the readOnly property of all columns that should not be editable in the columnSettings option of the igGridUpdating feature and then setting the showReadonlyEditors property of the rowEditDialogOptions to false.

features: [
    {
        name: "Updating",
        editMode: "dialog",
        columnSettings: [
            {
                columnKey: "ProductID",
                readOnly: true,
            },
            ...
        ],
        rowEditDialogOptions: {
            showReadonlyEditors: false,
            dialogTemplateSelector: "#dialogTemplate",
            editorsTemplateSelector: "#editorsTemplate",
        },
    },
],

Here could be found a small sample for your reference.

However, in case you require a combination of edit modes, e.g., all columns should have edit mode set to cell, whereas one column should be edited via a dialog, what I could suggest is defining a custom editing dialog via the igDialog and using the igGrid’s cellClick event in order to open the dialog whenever a cell inside the column that supports dialog edit is clicked.

Here could be found a sample demonstrating this approach where the ProductName column has cell editing enabled and the Description column uses a custom igDialog for dialog editing.

Please test these approaches on your side and let me know if you need any further assistance regarding this matter.

Additionally, if this is not an accurate demonstration of what you are trying to achieve, please feel free to modify it and send it back to me along with steps to reproduce it.

Looking forward to your reply.

Sincerely,
Riva Ivanova
Associate Software Developer