jQuery contextMenu checkbox selected

Question

i am using contexMenu by SWIS and i don't know how can i change the selected vale from a checkbox. i have this code:

function isOk(){
    return false;
}

$.contextMenu({
    selector: "td[name*='someSelector']", 
    callback: function(key, options) {
        var m = "clicked: " + key + " id: "+ this.attr('id');
        window.console && console.log(m) || alert(m);
    },
    items: {
        "okOption": {
            name: "ok", 
            type: 'checkbox', 
            selected: function(){ return isOk(); }
        },
        "quit": {
            name: "Close Menu", 
            icon: function(){
                return 'context-menu-icon context-menu-icon-quit';
            }
        }
    }
});

But the checkbox is always true.

I don't know what is wrong or if the selected doesn't works with a function and only works with a true or false.

function isOk(){
			return false;
		}
		
		$.contextMenu({
			selector: "[name*='someSelector']", 
			callback: function(key, options) {
				var m = "clicked: " + key + " id: "+ this.attr('id');
				window.console && console.log(m) || alert(m);
			},
			items: {
				"okOption": {
					name: "ok", 
					type: 'checkbox', 
					selected: {function(){ return isOk(); }}
				},
				"quit": {name: "Close Menu", icon: function(){
					return 'context-menu-icon context-menu-icon-quit';
					}
				}
			}
		});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://swisnl.github.io/jQuery-contextMenu/dist/jquery.contextMenu.js"></script>
<script src="https://swisnl.github.io/jQuery-contextMenu/js/theme.js"></script>
<link href="https://swisnl.github.io/jQuery-contextMenu/dist/jquery.contextMenu.css" rel="stylesheet"/>

<span name="someSelector"> ClickRightHere</span>

it'd be good to have the HTML, and even better if you post everything in a Stackoverflow code snippet! :) — JV Lobo
– JV Lobo, Commented Jun 26, 2017 at 7:56

Rick · Accepted Answer · 2018-08-03 14:02:33Z

2

Finally i solved using a event: Here the snippet with the solution for future people consult and solve it.

function isOk() {
  return false;
}

$.contextMenu({
  selector: "[name*='someSelector']",
  callback: function(key, options) {
    var m = "clicked: " + key + " id: " + this.attr('id');
    window.console && console.log(m) || alert(m);
  },
  items: {
    "okOption": {
      name: "ok",
      type: 'checkbox'
    },
    "quit": {
      name: "Close Menu",
      icon: function() {
        return 'context-menu-icon context-menu-icon-quit';
      }
    }
  },
  events: {
    show: function(opt) {
      // this is the trigger element
      var $this = this;
      // import states from data store 
      $this.data().okOption = isOk();

      $.contextMenu.setInputValues(opt, $this.data());
      // this basically fills the input commands from an object
      // like {name: "foo", yesno: true, radio: "3", &hellip;}
    }
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://swisnl.github.io/jQuery-contextMenu/dist/jquery.contextMenu.js"></script>
<script src="https://swisnl.github.io/jQuery-contextMenu/js/theme.js"></script>
<link href="https://swisnl.github.io/jQuery-contextMenu/dist/jquery.contextMenu.css" rel="stylesheet" />

<span name="someSelector"> ClickRightHere</span>

edited Aug 3, 2018 at 14:02

Rick

4,1349 gold badges29 silver badges38 bronze badges

answered Jun 26, 2017 at 8:56

Ztiwi

419 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

gus27 Over a year ago

You can safely remove the selected: {function(){ return isOk(); }} part - it is of no use anymore.

Ztiwi Over a year ago

Yes, thanks, it's true. Answer edited with the change.

gus27 · Accepted Answer · 2017-06-26 08:56:00Z

0

You cannot use a function for the selected option. The documentation says:

selected: string or boolean

So you could use a variable like this:

var myFlag = false;

$.contextMenu({
    ...
    items: {
        "okOption": {
            name: "ok", 
            type: 'checkbox', 
            selected: myFlag
        },
    ...

answered Jun 26, 2017 at 8:56

gus27

2,6671 gold badge23 silver badges25 bronze badges

1 Comment

Ztiwi Over a year ago

yes, i thought use these but, i need to check when the right button click, and in these way only check when the page is loaded.

Collectives™ on Stack Overflow

jQuery contextMenu checkbox selected

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related