Thank you so much, it is working fine. the cell.update(null) helped.

Hi,

I have achieved this scenario by making the $event.cancel true on igx-select event, but Now I'm facing another issue with this scenario.

If I select an item in igx-select and based on condition I'm allowed to set the selected value,

then I'm selecting another value, now based on condition i'm setting $event.cancel = true, in this case the igx-select still showing the old value, it is not cleared.

This is my stackblitz link, In this example, the igx grid having country column, 

Please check my scenario in the example,

grid-cascading-scenario.component.ts this is file, the country change event written.

Kindly help. Please let know if any more details needed.

Thank you.

We use both IgxCell and IgxCellEditor, The selected text showing igx cell after cell edit completed/ done.

On change the igx select, we are using igxCellEditor.

While selecting the item from the igx select, we are checking some business logic, and based on the logic, we need to allow to set the selected item or we need to clear the selected item.

In this case, I”m unable to clear the selected item.

I tried to clear the grid cell values as below.

  cell.value = null;
  cell.rowData['currencyType'] = null;
  cell.rowData['currencyId'] = null;

and I bind the grid with new updated data, still it’s not get cleared.

and tried to reset the igx-select – $event’s new selection as below.

$event.newSelection.id = 0;
$event.newSelection.value = "";

If the above information is not enough, I’ll try to create sample application and ‘ll give you the link.

Thank you so much..  it's working perfect, you really helped me a lot.

I have tried with my application, working fine.

Thanks again. [emoticon:9b06bfad0e6a482e801e5eb8fd9025d6]

We really appreciate you effort, Thank you for the sample. It is really nice.

Now we get bit confident on, to accommodate our requirement by using your sample.

and I have tried to add few more features which is also we need to implement with this sample.

1. I have tried to enable to filter by [filterable]=true, since, we cannot use [allowFilter]=true, due to the design constrains. so filterable seems not working.

2. I have tried to enable the collapsible column header, and this behave in different way,

Kindly suggest me, is it possible to enable those feature in the give sample.

Thank you.

Thanks for you response,

Actually, we cannot use [rowEditable]="true" as per our design requirement we cannot use explicit cell edit. 

and I have tried with my example, and we are having (onCellEdit) on grid level, in this method I couldn't access the below line which is mentioned in your example.

if (this.grid.rowInEditMode) {

            this.grid.endEdit(true);

}

this is our column config we dynamically preparing and passing to the grid.

field: "layerDescription", header: "Layer Description", type: "string", width: "150", editable: true 

So, from the above config, we are making column editable, 

Is there any other way to achieve the cell disable except by onCellEditEnter?

Thanks for the response and sample project, It seems, we couldn't accommodate our requirement with this Multi Column grid, we are still analyzing, How to achieve our requirements.