The ExtContextMenu widget displays a Context Menu for any HTML element defined as a "target".
There are 2 context menus in this example. The first context menu is displayed when the user
right-clicks on the "div" or when the user right-clicks on a "child" item in the TreeView.
The second context menu is displayed when the user right-clicks on a "root" item in the
TreeView.
Right-click on a tree node.
width : String
The width of the context menu. The default is 100px.
targets : String
The CSS Selector that identifies the elements that can be right-clicked to display the context menu.
items : Array
An array of items to display in the context menu. The items in the context menu can either be defined
in the HTML as li elements, or in the items array.
items.text : String
The text to display for the context menu.
items.iconCss : String
The CSS class for the icon.
items.separator : Boolean
A separator line is displayed.
show
Show the context menu. This is an internal method that displays the context menu when the user right clicks
on a target.
Parameters
left : Integer
The left position of the context menu relative to the left edge of the document.
top : Integer
The top position of the context menu relative to the top edge of the document.
hide
Hide the context menu.
itemSelect
Triggered when an item is selected in the context menu.
Parameters
e.item : HTML Element
The item that was selected in the context menu.
e.target : HTML Element
The target that was right-clicked on to display the context menu.