[Solved] Tooltip load on demand doesnot work at all times in Month and Week view

[Prava kafle]

Hi,

I have a load on demand tool tip for appointments in Radscheduler. Sometimes, these tool tips do not work in Month and Week View.
When I hover over an appointment, it does not fire   "OnClientBeforeShow" client event.

   <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" Animation="Fade"  
                                            HideEvent="LeaveTargetAndToolTip"   OnClientBeforeShow="clientBeforeShow"  AutoTooltipify="true"  OnClientHide="OnClientHide"   > 
                        </telerik:RadToolTipManager>


  //Sets Appointment tooltip 
              function clientBeforeShow(sender, eventArgs) {
                  var height = $telerik.$(sender.get_contentElement())[0].scrollHeight;
                  var width = $telerik.$(sender.get_contentElement())[0].scrollWidth;
                  //PK 07/30/2013  MWF-543 Load on demand tooltip
                  //var contentText =  sender._text;

                 //Donot send request to webservice if tooltip is null and display subject/default text
                 var tooltip = Telerik.Web.UI.RadToolTip.getCurrent();
                 if (tooltip == null) {
                     SetToolTipPositionAndText(sender, sender._text);
                     return;
                 }

                  var element = tooltip.get_targetControl();
                  var appt = $find("<%=rsTicketsSchedule.ClientID %>").getAppointmentFromDomElement(element);
                  var apptID = appt.get_id();
                  //Donot send request to webservice if apptID is null and display subject/default text
                   if (apptID == null) {
                       SetToolTipPositionAndText(sender, sender._text);
                      return;
                  }
                  
                  var baseUrl = 'WorkforceServices/RequestHandler.ashx?q=gettooltipforappointment&ApptID=' + apptID;   

             
                  var serviceOptions = {};
                  serviceOptions.url = baseUrl;
                  serviceOptions.data = null;
                  serviceOptions.type = 'POST';
                  serviceOptions.processData = true;
                  serviceOptions.contentType = "application/json";
                  serviceOptions.dataType = 'json';
                  serviceOptions.success = function (result) {
                      var contentText = result.message;
                      SetToolTipPositionAndText(sender,contentText);
                  };
                  serviceOptions.error = function (xhr) {
                      alert(xhr.statusText);
                      SetToolTipPositionAndText(sender, "" );
                  };

                  var workforceServiceProxy = new WorkforceServiceProxy(serviceOptions);
                  workforceServiceProxy.callService();  
              }


Any ideas?

Thanks,
Prava
 

[Boyan Dimitrov]

Hello,

I would suggest reviewing our RadScheduler integration demo with the RadToolTip control located here. It demonstrates how you can load your tool tip content via Ajax request from the server or via JavaScript on the client-side. I guess you can take a look at the part when the tool tip is loaded via Ajax request from the server.


Regards,
Boyan Dimitrov
Telerik