<div t:type="any" t:items="contextMenuItems"
			t:mixins="jquery/ContextMenu" t:id="testContextMenu">
			Right-click here to see custom context menu.</div>
	

		
@Import(stylesheet = "context:css/contextMenu/contextMenu.css")
public class DocsContextMenu {

	@Inject
	private Messages messages;

	public List<ContextMenuItem> getContextMenuItems() {
		List<ContextMenuItem> items = new ArrayList<ContextMenuItem>();

		items.add(new ContextMenuItem("Edit item label", "editEvent", "edit"));

		// Separator
		items.add(ContextMenuItem.getSeparator());

		// No icon for this item.
		items.add(new ContextMenuItem(messages.get("copy-item-label"),
				"copyEvent"));

		// Zoom icon is defined in contextMenu.css.
		items.add(new ContextMenuItem("Paste", "zoomEvent", "zoom"));
		return items;
	}

	@OnEvent(value = "editEvent")
	public void onEditEvent() {
		// Handler on Edit item click.
	}

	@OnEvent(value = "copyEvent")
	public void onCopyEvent() {
		// Handler on Copy item click.
	}

	@OnEvent(value = "zoomEvent")
	public void onZoomEvent() {
		// Handler on Zoom item click.
	}
}
	

		
copy-item-label=Copy data