Wijmo FlexGrid - Capture BeginEdit & EndEdit/CancelEdit Events

Wijmo FlexGrid - Capture BeginEdit & EndEdit/CancelEdit Events

Posted by: mmurugesan on 18 April 2019, 6:04 am EST

• 

  mmurugesan

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 18 April 2019, 6:04 am EST

  Hi,

  I’ve Editable FlexGrid and a Submit button in my page. The requirement is when the grid is empty/any cell is in edit mode then the button should be disabled. Also need to capture the cancel event of the cell.

  This looks simple. But below is the scenarios in it.

  If the cell value is “ABC” and user wants to change it to “XYZ”. While pressing the “X” key on that cell the button should be disabled (becoz cell is in edit mode. If he pressing any non printable character keys like shift key, tab, ctrl etc then nothing should happen). If the user changed his mind and press Esc button in the middle of the change then the button needs to be enabled with the old value in the cell. One more thing is if he clicks our of the grid then the changes in the cell should be commit.

  Please suggest your ideas.

• 

  mmurugesan

  • Post Options:
  • Link
    Copy

  Posted 18 April 2019, 6:40 am EST

  Please note: My code is in TypeScript.

• 

  abhishek.dutta

  

  • Post Options:
  • Link
    Copy

  Posted 21 April 2019, 9:13 pm EST

  Hi,

  The following requested functionalities are implemnted in FlexGrid by default. Please let me know if we missed something.

  a. Nothing Happens on pressing non-printable keys.
  
  b. Pressing Esc key retains the old value of the cell.
  
  c. Clicking out of the grid commits the cell.

  To make the submit button disabled, you can use the activeEditor property of Flexgrid to check whether the grid is in edit mode. Please refer to the sample below:

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