Added update call to update visibility, disabled, icon and form value stats for items. Fixes issue Issue #555

Author: bbrala

CHANGELOG.md

@@ -7,6 +7,12 @@
 * Ability to define touchstart as trigger (thanks @npuser)
 * Extra event `activated` that triggers after the menu is activated (thanks @AliShahrivarian)
 * Flag denoting if a second trigger should close the menu (thanks @OliverColeman)
+* Added update call to update visibility, disabled, icon and form value stats for items. Fixes issue ([Issue #555](https://github.com/swisnl/jQuery-contextMenu/issues/555)).
+
+```javascript
+    $('.context-menu-one').contextMenu('update'); // update single menu
+    $.contextMenu('update') // update all open menus
+```
 
 #### Fixed
 

documentation/docs.md

@@ -8,6 +8,7 @@ currentMenu: options
 
 
 - [Register new contextMenu](#register-new-contextmenu)
+- [Update contextMenu state](#update-contextmenu-state)
 - [Options (at registration)](#options-at-registration)
   - [selector](#selector)
   - [items](#items)
@@ -38,6 +39,15 @@ To register a new contextMenu:
 $.contextMenu( options );
 ```
 
+## Update contextMenu state
+
+It is possible to refresh the state of the contextmenu [disabled](https://swisnl.github.io/jQuery-contextMenu/docs/items.html#disabled), [visibility](https://swisnl.github.io/jQuery-contextMenu/docs/items.html#visible), [icons](https://swisnl.github.io/jQuery-contextMenu/docs/items.html#icon) and [input values](https://swisnl.github.io/jQuery-contextMenu/docs/items.html#type) through the `update` command. This will reevaluate any custom callbacks. 
+
+```javascript
+$('.context-menu-one').contextMenu('update'); // update single menu
+$.contextMenu('update') // update all open menus
+```
+
 ## Options (at registration)
 
 ### selector

src/jquery.contextMenu.js

@@ -1649,6 +1649,20 @@
         }
 
         switch (operation) {
+
+            case 'update':
+                // Updates visibility and such
+                if(_hasContext){
+                    op.update($context);
+                } else {
+                    for(var menu in menus){
+                        if(menus.hasOwnProperty(menu)){
+                            op.update(menus[menu]);
+                        }
+                    }
+                }
+                break;
+
             case 'create':
                 // no selector no joy
                 if (!o.selector) {

test/integration/html/disabled-callback.html

@@ -336,12 +336,12 @@ <h2 id="example-code">Example code</h2>
             "edit": {
                 name: "Clickable", 
                 icon: "edit", 
-                disabled: function(){ return false; }
+                disabled: function(){ return Math.random() >= 0.5; }
             },
             "cut": {
                 name: "Disabled", 
                 icon: "cut", 
-                disabled: function(){ return true; }
+                disabled: function(){ return Math.random() >= 0.5; }
             }
         }
     });

test/integration/html/sub-menus.html

@@ -337,7 +337,7 @@ <h2 id="example-code">Example code</h2>
             window.console && console.log(m) || alert(m); 
         },
         items: {
-            "edit": {"name": "Edit", "icon": "edit"},
+            "edit": {"name": "Edit", "icon": "edit", disabled: function(){ return Math.random() >= 0.5; }},
             "cut": {"name": "Cut", "icon": "cut"},
             "sep1": "---------",
             "quit": {"name": "Quit", "icon": "quit"},
@@ -349,8 +349,8 @@ <h2 id="example-code">Example code</h2>
                     "fold2": {
                         "name": "Sub group 2", 
                         "items": {
-                            "fold2-key1": {"name": "alpha"},
-                            "fold2-key2": {"name": "bravo"},
+                            "fold2-key1": {"name": "alpha", disabled: function(){ return Math.random() >= 0.5; }},
+                            "fold2-key2": {"name": "bravo", visible: function(){ return Math.random() >= 0.5; }},
                             "fold2-key3": {"name": "charlie"}
                         }
                     },
@@ -360,8 +360,8 @@ <h2 id="example-code">Example code</h2>
             "fold1a": {
                 "name": "Other group", 
                 "items": {
-                    "fold1a-key1": {"name": "echo"},
-                    "fold1a-key2": {"name": "foxtrot"},
+                    "fold1a-key1": {"name": "echo", disabled: function(){ return Math.random() >= 0.5; }},
+                    "fold1a-key2": {"name": "foxtrot", visible: function(){ return Math.random() >= 0.5; }},
                     "fold1a-key3": {"name": "golf"}
                 }
             }