Jquery make context menu with array

Question

This is my code, it works perfect without using array, and creates context menu on div, but now i want to create some context menu items from array. when i apply array it is showing all items of array in one line and separates by Comma (,) . but i need all items in different rows.

http://jsfiddle.net/danial786zz/sobnwgeb/ this fiddle is working perfect but i need to make items from array.

$('#div_id").chromeContext({
items: [

      { title: array,         onclick: function () { RToTb(array_name) } },
      { title: 'properties'   onclick: function () { abc();            } },
      { title: 'view'         onclick: function () { def();            } }

    ]

});

Derek check my FIDDLE , right click on a div it will open small menu... i want to make that menu through array.. ( but in a fiddle you can see it is hardcoded ) — Syed Daniyal Asif
– Syed Daniyal Asif, Commented Aug 29, 2014 at 6:27

Yunus Aslam · Accepted Answer · 2014-08-29 07:04:36Z

2

I think this will work for you :

I have created an array out of another array and used that in the context menu.

 $(function(){
    var arr = ['1st Row', '2nd Row', '3rd Row'];
    var menuitems = [];
    $.each(arr, function( index, value ) {
       menuitems[index] =  { title: value, onclick: function () { RToTb(array_name) }};
    });

    $('#div_id').chromeContext({
       items : menuitems
    });
});

FIDDLE

answered Aug 29, 2014 at 7:04

Yunus Aslam

2,4764 gold badges28 silver badges43 bronze badges

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

4 Comments

Yunus Aslam Over a year ago

Yes that is possible. In that case you have to make array of function names and use the array inside each in somewhat like onclick: function { functionname[i] } where functionname is an array containing names of functions. Haven't tried this. You can give it a try. Ask help if needed but before that please try by yourself first.

Syed Daniyal Asif Over a year ago

hi Yunus i am stuck in this little problem check this jsfiddle.net/danial786zz/ykL17tce it gives only last number when alert onclick

Yunus Aslam Over a year ago

Hello.. This is another fiddle.. Check this out. jsfiddle.net/Yunus_Aslam/jg5ksyyv

Syed Daniyal Asif Over a year ago

you are really great..gud experiance you answer within minutes thanks, i am new going ahead if i got stuck i will message here thanks..

Madcoe · Accepted Answer · 2014-08-29 06:45:06Z

0

It is about your array definition. There should be objects inside each array element.

$(function(){
   var arr=[];
   arr[0]= { 'title': '1st row', 'onclick:': function () { RToTb(array_name); } };
   arr[1]={ 'title': '2st row', 'onclick:': function () { RToTb(array_name); }};
   arr[2]={ 'title': '3st row', 'onclick:': function () { RToTb(array_name); }};


   $('#div_id').chromeContext({
      items: arr
   });
});

Check the link below for working example: http://jsfiddle.net/v7v8f386/1/

answered Aug 29, 2014 at 6:45

Madcoe

2131 silver badge6 bronze badges

Collectives™ on Stack Overflow

Jquery make context menu with array

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related