Hi Team,
I am using igx data grid. On cell click, i open a slider that displays data.
Requirement: Once the user clicked on particular cell and slider opens with data, i want to a feature that the user will not be able to click again on that particular cell and can click next cell.
I think to use event.cancel() but not sure what condition to put.
Example: For id column i have oncellclick() method. When i click on id = 1, then slider opens with data. Now if the user tries to click on id =1 the cell won't be clickable.
Please provide a reply soon.
Thanks.
Thank you for confirming.
I tried to change the state of the cell to unclickable by clicking.But it is not working fine.
OnCellClick is emitting after clicked, so we can not cancel it.I tried to add the style to prevent the click, it is not working fine either.
Therefore, could you describe what do you want to achieve via changing to cell unclickable?If I could know it, I may be able to suggest any other way to do it.
Thanks Motoki for reply. But the behavior i am looking for is once the cell is clicked for a particular row, the cell id should not clickable again. For this behavior there should be some comparison if the particular cell id is clicked, the cell will not be clickable.Please provide a resolution.
Hello Shobhana,Thanks for posting to our forum.
I confirmed your past question.https://ko.infragistics.com/community/forums/f/ignite-ui-for-angular/122027/igxgriddetail-on-click-of-cell-child-row-should-expand
Judging from the above question, you want not to close the row if it has already expanded?If so, you can use an expanded accessor to check the state of the row.https://ko.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxgridrowcomponent.html#expanded
I duplicated the sample that we provided before, and update it.https://stackblitz.com/edit/github-qsppcl-gdysn4?file=src/app/grid/grid-master-detail/grid-master-detail.component.ts
Please check the behavior and let me know if you have any questions.
Sincerely,Motoki