No Quick Edit with Custom CellEdit Template Cells

Posted by: johnny.su on 6 February 2019, 8:56 pm EST

  • Posted 6 February 2019, 8:56 pm EST

    Hi,

    It seems like with cells that have a CellEdit template defined, Quick Edit mode is not available which means we can't use the down arrow to move down the cell without ending edit mode.

    Using this fiddle as an example: http://jsfiddle.net/dj5gpynp/5/

    ID column has a CellEdit template. Sales doesn't not.

    1. Select a cell in the ID column.
    2. Type '99'.
    3. Press the down arrow. It stays in edit mode.
    4. Select a cell in the Sales column.
    5. Type '99'.
    6. Press the down arrow. It ends edit and moves the cell selection down one cell.

    How can we make '3.' to behave like '6.'?

    Thanks,
    Johnny
  • Marked as Answer

    Replied 7 February 2019, 7:54 am EST

    Hi,

    This is the default behaviour for FlexGrid to allow custom editors to handle keyEvents and perform any required operations.
    If you want the grid to allow quick edit for the custom editor, you may set forceFullEdit property on the stored column template to false and it should work.
    Please refer to the following code snippet:
    grid.columns[0]['$__cellTempl' + 'CellEdit'].forceFullEdit = false;

    You may also refer to the following updated sample:
    http://jsfiddle.net/zhpdbcgr/10/

    ~Sharad
  • Replied 7 February 2019, 2:54 pm EST

    Thank you Sharad! This worked perfectly!

    Regards,
    Johnny
Need extra support?

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

Learn More

Forum Channels