Custom context menus on Lists: Flex 2 Beta 2

Here’s a simple example of how to add custom context menu items to your application.
It’s a little awkward on a List-based component to capture the list item where the context menu was brought up.
I’ve heard of people capturing and storing the rollOver events on the list, and you then know that the last item rolled over is the one where the context menu was brought up.
But, if your lists itemRenderer implements mx.controls.listClasses.IDropInListItemRenderer, you can get the selectedIndex from the listData without having to pay attention to rollOver events.
This example will trace the selected list items label and rowIndex, and the caption of the selected context menu item.
Because I was using an itemRenderer it got a little weird once I was trying to get the target list item. If you right-click on the actual label in the list, the events mouseTarget is UITextField, but if you right-click on the renderer itself then the events mouseTarget is the listRenderer that you want. So here’s how I check for that…

/* The user may click right on an object inside the renderer
* ... in our case it would be the label. If so, the target is the UITextField
*/
if( ! (target is listRenderer) )
{
selectedListRenderer	 	= target.parent.parent;
// otherwise they are clicking right on the renderer itself...
// ( outside of the label )
} else {
selectedListRenderer	 	= listRenderer(event.mouseTarget);
}

I haven’t tested this with any other objects in the itemRenderer. It sure ould be nice if this worked no matter what the contents of the itemRenderer are.
Click here to view the source

Post to Twitter

This entry was posted on Thursday, April 6th, 2006 at 7:30 pm. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

10 Responses to “Custom context menus on Lists: Flex 2 Beta 2”

Leave a Reply