Wijmo FlexGrid - Capture BeginEdit & EndEdit/CancelEdit Events

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

  • 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.
  • Replied 18 April 2019, 6:40 am EST

    Please note: My code is in TypeScript.
  • Marked as Answer

    Replied 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
Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels