Example: Context Menu

Implementation of a context menu. Right-click a document node and see what happens.
Also [space] key is supported to open the menu.

This example also demonstrates, how to copy or move branches and how to implement clipboard functionality.
A keyboard handler implements Cup, Copy, and Paste with Ctrl-X, Ctrl-C, Ctrl-V.

Edit
Cut
Copy
Paste
Delete
Quit

item1 with key and tooltip
item2: activated on init
Folder with some children
- Sub-item 3.1
- Sub-item 3.2
Document with some children (expanded on init)
- Sub-item 4.1
- Sub-item 4.2
Lazy folder

Selected node: -

This sample uses the jQuery Context Menu Plugin by Cory S.N. LaViska.
Visit http://abeautifulsite.net/notebook/80 for usage and more information.
(An online connection is required, because this plugin is included from the abeautifulsite.net server.)

jquery.dynatree.js project home Link to this page Example Browser View source code