TabKey

TabKey

Posted by: hasan.tahn on 27 July 2020, 8:56 am EST

• 

  hasan.tahn

  • Post Options:
  • Link
    Copy

  Posted 27 July 2020, 8:56 am EST

  Our app is using v5.20 and vuejs. I am trying to get this type of functionality https://www.grapecity.com/blogs/navigate-and-edit-each-wijgrid-cell-using-tab-key
  
  Can someone provide an example on how this can be achieved in vue? The example uses regular inputs but we will also require tab key to edit for InputDate.
  
  Thanks in advance.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 28 July 2020, 1:12 am EST

  Hi Hasan,

  This blog is based on the wijmo3 jquery controls but it seems that you are using Wijmo5 or simply Wijmo. In Wijmo’s FlexGrid, there is a property known as keyActionTab which determines the action performed by the Tab key. You can set it to wijmo.grid.KeyAction.Cycle to navigate the grid using tab key. This will also work with other custom editors like InputDate.

  keyActionTab: https://www.grapecity.com/wijmo/api/classes/wijmo_grid.flexgrid.html#keyactiontab
  
  KeyAction enum: https://www.grapecity.com/wijmo/api/enums/wijmo_grid.keyaction.html

  Regards,
  
  Ashwin