No Quick Edit with Custom CellEdit Template Cells

No Quick Edit with Custom CellEdit Template Cells

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

• 

  johnny.su

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  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

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 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

• 

  johnny.su

  • Post Options:
  • Link
    Copy

  Posted 7 February 2019, 2:54 pm EST

  Thank you Sharad! This worked perfectly!

  Regards,
  
  Johnny