How can I make Context Menu in version 2.0 b2?

i found this code at http://www.activewidgets.com/javascript.forum.1933.17/how-can-i-make-context.html
//set the action to handle the contextmenu
function oncontextmenu(event)
{
event.cancelBubble = true;
event.returnValue = false;
this.action("contextmenu");
}
// assign the event handler to the cell template prototype
Active.Templates.Text.prototype.setEvent("oncontextmenu", oncontextmenu);

// create action handler for the right click context menu
grid.setAction("contextmenu", function(src){ showmenu(event,getMenuHeader()+menu);return false;});

but v2 has removed get/setAction methods

How can I make Context Menu in version 2.0?
or
How can I customize Event?

First, do you know how to make your own AW objects?

If so, I suggest that you create a List object, populate it with your specific menu items, set the height to the number of rows * the row height. Then set the X Y coordinates to where your mouse is. Set an event handeler to handel the item clicks that will do the work of the menu. Then render it to the page. I provided these instructions because you are going to learn a lot more about the controls by creating this yourself then you will from me writing the control for you. With 2.0 this is a very easy control to create, I did it in about an hour and made it generic so that I pass in an array for the menu items and an array of Javascript strings to execute when menu items are clicked.

Jim -

Would you mind to please publish what you did "as is" ? Learning by example is also a good way to learn.

Jim
thank you very much,I know how to create a menu by a div or table...,my problem is how I know the right button clicked?
//in version 1.0 this code will catch right button clicked event
var row = new Active.Templates.Row;
row.setEvent("oncontextmenu", function(){this.action("myAction")});
obj.setTemplate("row", row);
obj.setAction("myAction", function(){alert('Hello')});

This will work:

obj.setEvent("oncontextmenu", "yourfunction(); return false");

I didn't work out the details of knowing which object that you want to attach the event to, I would think it would be the row object. If you want to attach it to the row use obj.getRowTemplate().setEvent.... but I would think you would want to attach it to the grid and access the selected row property to know what the current;y selected row was without changing it via the right click. Just my thoughts...

I use the following to capture the right-click on the grid:

jobgrid.onRowMouseUp = function(event, index){
if (event.button != 2) return;
writeContextMenu(index);
showContextMenu(event);
};

Here, event.button == 2 for a right-click, index is the index of the row that was clicked.

Jim ,your thoughts is right, i want to access the selected row and do something with it. thank you.
I'v tryed
obj.setEvent("oncontextmenu", "yourfunction(); return false");
and
jobgrid.onRowMouseUp = function(event, index){
if (event.button != 2) return;
writeContextMenu(index);
showContextMenu(event);
};

they all worked.
LostInSpace,and thank you too

Has anyone tried to do a context menu triggered off of a Ctrl-Right-Click? I think I am going to need to do it but have not yet tried it. Alex, do you have any properties that would give us keystate? Might be a good addition to the grid if we can come up with a way to do it.

Turned out it is very simple. There is a boolean that you can check to see if the Ctrl key is pressed. This seems to work in IE/FF/Mozilla so I guess borwsers are supporting this. There are 3 different booleans that you can check to see if modifier keys are pressed:

event.ctrlKey
event.shiftKey
event.altKey

to use these in your context menu, make this simple change to the above example:

obj.setEvent("oncontextmenu", "if (event.ctrlKey) {yourfunction();} return false");