Context menu

Context menu is invoked by right click on mouse/touchpad enabled devices and long tap on the screen of touch devices ( i.e., Android, iOS, etc )

It can be activated on any element of grid i.e, body cells, header cells, images, footer, toolbar, number cells, etc since v7.2.0

Items in context menu can have sub items and so on upto any number of levels.

It is added to grid by:

• set contextMenu.on to true.
• use contextMenu.cellItems to build static or dynamic items on body cells.
• use contextMenu.headItems to build static or dynamic items on header cells.
• use contextMenu.numItems to build static or dynamic items on number cells.
• use contextMenu.imgItems to build static or dynamic items on images.
• use contextMenu.tabItems to build static or dynamic items on tabs.
• use contextMenu.miscItems to build static or dynamic items on any other elements in the grid.
• item.action callback implementation provides custom action upon click on the context menu item.

Related API:

• Options: contextMenu

Bypass grid context menu

Browser inbuilt menu can be invoked by pressing Ctrl / Meta key along with usual gesture for contextmenu. See contextMenu.preInit for more details.

Dynamic Context menu on cells

Menu items can be decided in run time by using callback variant of all contextMenu.(*)Items options.

ui argument of the callback provides coordinates and type of body or head cell upon which the menu is activated, based on which different context items can be built or items can be skipped altogether by returning empty array.