How to determine which tool in which panel has been clicked?

[PaulMcGuinness]

I'm using Portal Layout to show widgets and want a single refresh tool on each panel (which I've done), but how can I tell which panel 'button' has been pressed.

I've modified the example for Portal layout below, but can't see anything in the event that indicates something I can reference.

Code:

function addPanels(portalState){
	var columns = portalState.split(':');
	for(var columnIndex=0; columnIndex<columns.length; columnIndex++){
		var cc = columns[columnIndex].split(',');
		for(var j=0; j<cc.length; j++){
			var options = getPanelOptions(cc[j]);
			if (options){
			options.tools=[
				{	id: j,
					iconCls:'icon-refresh', 
					handler:function(e)
					{
						console.log(e);
						console.log(this);
						console.log($(this));
					}
				}
				];
				
				var p = $('<div/>').attr('id',options.id).appendTo('body');
				p.panel(options);
				$('#ucPortal').portal('add',{
					panel:p,
					columnIndex:columnIndex
				});
			}
		}
	}
	
}

[PaulMcGuinness]

Ok - here is a solution that worked for me... I added a property "action" into my list of panels....

Code:

var p = $('<div/>').attr('id',options.id).appendTo('body');
p.panel(options);
if(options.action)
	{
	var tool = $('#' + options.id).panel('header').find('.panel-tool');
	tool.prepend('<a href="javascript:' + options.action + '" class="icon-refresh"></a>');  // add an icon
	}
	$('#ucPortal').portal('add',{ panel:p,	columnIndex:columnIndex	});