contextmenu
contextmenu copied to clipboard
Dynamically change menu items
Is it possible to dynamically change menu items, or even just the text labels?
Yes, by modifying the DOM nodes:
// Boolean we will toggle as an example:
var hidden = false;
var menu = contextmenu([{
label: "Hide",
onclick: function (e) {
hidden = ! hidden;
var labelText = hidden ? 'Show': 'Hide';
// e.srcElement refers to the <menuitem> node.
e.srcElement.setAttribute('label', labelText);
}
}]);
contextmenu.attach(document.body, menu);