Custom cell editor guidelines

Custom cell editor guidelines

Posted by: petr.somek on 4 October 2020, 7:06 am EST

• 

  petr.somek

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 4 October 2020, 7:06 am EST

  Hello,
  
  is there any official guideline how to develop own custom editor for flexgrid in plainjs? I have seen this document: https://www.grapecity.com/wijmo/demos/Grid/Editing/CustomEditors/purejs
  
  But there is described how to used your predefined editors only.
  
  What’s the correct step how to implement own InputNumber for example? Is there any source code of your predefined custom editors?
  
  Thanks.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 5 October 2020, 10:43 am EST

  Hi,

  You can handle the formatItem event of the FlexGrid to attached a custom input number or any other control to the cell of the FlexGrid while editing. Then, to update the value of the grid according to the editor, handle the cellEditEnding event and update the value of the grid’s default editor and the grid will automatically update its itemsSource. Please refer to the sample link below for reference:

  https://stackblitz.com/edit/js-hmmseg

  In this sample, a simple input element is used as the editor for the country column.

  Regards,
  
  Ashwin

• 

  petr.somek

  • Post Options:
  • Link
    Copy

  Posted 6 October 2020, 9:40 am EST

  So using formatItem handler is suggested way how to do it. Thanks, this is working well!