Grid Validation

Grid Validation

Posted by: technical.store.technical on 2 July 2021, 7:48 am EST

• 

  technical.store.technical

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 2 July 2021, 7:48 am EST

  Hi Ashwin,

  In case of validation if i select similar values( values existing in the table) , then i have to show the red error tick and error message on hover. But this red error tick appears when i click outside of the table after selection of the section column. This tick should be visible if I click on the table(any cell/column of table) after selection of the section column.

  Steps :

  1. Add a new row. Select name = ‘b’ and Section = ‘B’.
  2. Click on subjects cell of same row or any row, the red error tick will not appear. It will only appear if we click outside of the table.

  https://stackblitz.com/edit/angular-am4gcu?file=src/app/app.component.ts

  Please provide solution in which on click of table( cell/column) , the red error tick will appear.

  Thank you.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 5 July 2021, 3:22 am EST

  Hi,

  This is actually an expected behavior but it should work even after clicking another row (not the same row) because the new row is not committed yet. Only after changing the row, the new row will be committed and then the error will be displayed.

  Unfortunately, this behavior cannot be changed and is by design.

  Regards,
  
  Ashwin

• 

  technical.store.technical

  • Post Options:
  • Link
    Copy

  Posted 5 July 2021, 4:55 am EST

  Hi Ashwin,

  Can you please suggest any work around for this ?

  Thank you.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 5 July 2021, 6:24 am EST

  Hi,

  You can call the commitEdit method of CollectionView in the selectedIndexChanged event of the sections ComboBox to resolve this:

  https://stackblitz.com/edit/angular-fklvpu

  ~regards