TabKey

Posted by: hasan.tahn on 26 July 2020, 11:56 pm EST

  • Posted 26 July 2020, 11:56 pm 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.


  • Replied 27 July 2020, 4:12 pm 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
Need extra support?

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

Learn More

Forum Channels