Use the wjContextMenu binding to add context menus to elements on the page. The wjContextMenu binding is based on the wjMenu; it displays a popup menu when the user performs a context menu request on an element (usually a right-click).

The wjContextMenu binding is specified as a parameter added to the element that the context menu applies to. The parameter value is a CSS selector for the element that contains the menu. For example:

<!-- paragraph with a context menu -->
<p data-bind="wjContextMenu: { id: '#idMenu'}" >
 This paragraph has a context menu.</p>

<!-- define the context menu (hidden and with an id) -->
<div id="contextmenu" data-bind="wjMenu: { header: 'File', itemClicked: menuItemClicked}">
    <span data-bind="wjMenuItem: {}">New</span>
    <span data-bind="wjMenuItem: {}">open an existing file or folder</span>
    <span data-bind="wjMenuItem: {}">save the current file</span>
    <span data-bind="wjMenuSeparator: {}"></span>
    <span data-bind="wjMenuItem: {}">exit the application</span>
</div>