Dynamic Tooltip on Calendar

[Juls]

I am using the Calendar control. I have a dynamic tooltip hovering over an event on any given day. I did this by using the BeforeLoad listener on the Loader. It works ... but it only works once. The beforeload listener only fires off once. I need it to fire off each time.

 
var showTip = function (a, b, c, d, e) {
var ii = a.target.triggerElement.id.indexOf('-evt-');
var str = a.target.triggerElement.id.substring(ii + 5);
ii = str.indexOf('-');
str = str.substring(0,ii);


var index = parseInt(str);


var oo = App.ctl00_mainContent_CalendarPanel1.eventStore.getAt(index - 1).data


if (oo.Url != '') {
  a.url = oo.Url;
  b.url = oo.Url;
}
else {
  a.url = '../ui.render/tooltip.ashx?Id=' + oo.Guid;
  b.url = '../ui.render/tooltip.ashx?Id=' + oo.Guid;
 }

return true;
}

<ext:ToolTip  Width="200" Height="150" runat="server" Target="={#{CalendarPanel1}.body}" Delegate=".ext-cal-evt" DismissDelay="15000">          <Loader runat="server" Url="../ui.render/tooltip.ashx" DisableCaching="true" IsDynamic="true">                            
<Listeners>
  <BeforeLoad Fn="showTip" Single="false" ></BeforeLoad>
</Listeners>                            
<LoadMask ShowMask="true" />                                                    
</Loader>                    
</ext:ToolTip>

[Juls]

Use ReloadOnEvent="true"

<Loader runat="server" ReloadOnEvent="true" Mode="Html"> 
<Listeners> 
<BeforeLoad Fn="showTip" Single="false"></BeforeLoad>                                
</Listeners>
<LoadMask ShowMask="true" />                             
</Loader>