Custom editor "ENTER" key is not working for cell edit

Custom editor "ENTER" key is not working for cell edit

Posted by: nilesh_nichal on 26 October 2017, 4:10 pm EST

• 

  nilesh_nichal

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 26 October 2017, 4:10 pm EST

  Hello,

  As you suggested in
  
  https://www.grapecity.com/en/forums/wijmo/custom-editor-and-cell-tem
  
  we are using custom editors for cell editing.

    But after using above solution "ENTER" key is not making cell editable instead it moves cell in next row.
  

  We are using Angular 2 and Wijmo Flexgrid 5.
  
  Thanks

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 27 October 2017, 2:12 pm EST

  Hi Nilesh,
  
  Could you please let us know which Control you are using as custom editor?

  Since The Enter key is defined for commit changes and selection changing.

  You can change this behavior by setting keyActionEnter property to None, this will set enter key for “No special action (let the browser handle the key).”

  ~Manish

• 

  nilesh_nichal

  • Post Options:
  • Link
    Copy

  Posted 29 October 2017, 6:04 pm EST

  Hello Manish,

         We are using Angular 2 component for FlexGrid control. As you mentioned behavior of Enter key can be default set to none or move the cursor to next row or column.
  
         Can we change the behavior of enter key to activate cell editor?
  

  Thanks

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 30 October 2017, 3:53 pm EST

  Hi Nilesh,
  
  If you set keyActionEnter to None, this will prevent row selection change and selection will remain unchanged.
  
  Now, you can handle keyDown event for FlexGrid and activate cell editor using the startEditing method.
  
  http://demos.wijmo.com/5/Angular/WijmoHelp/WijmoHelp/topic/wijmo.grid.FlexGrid.Class.html#startEditing

  ~Manish