OnAjaxUpdate event in RadToolTipManager not firing

2 posts, 0 answers
  1. Sampath
    Sampath avatar
    12 posts
    Member since:
    Mar 2013

    Posted 12 May 2014 Link to this post

    hi,

    I'm using the radorgchart control to display the an organization hierarchy which displays fine. I'm not using the drill down functionality here but I'm following this example 
    https://demos.telerik.com/aspnet-ajax/orgchart/examples/applicationscenarios/integrationwithradtooltip/defaultcs.aspx

    I want to display tooltips with further details for each node in the RadOrgChart, the tooltips won't appear and the OnAjaxUpdate event doesn't fire. Please help.

    (I have removed all functionality related to drilling down nodes.)

    here is my code in the .aspx,

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="BrandixReportingStructure.aspx.cs" Inherits="UserInterfaces_BrandixReportingStructure" %>
    <%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>
    <%@ Register Src="~/UserInterfaces/OrgChartEmployeeDetails.ascx" TagPrefix="uc" TagName="employeedetails" %>
    <!DOCTYPE html>
        <head runat="server">
            <title></title>
        </head>
        <body>
            <form id="form1" runat="server">
                <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
                <telerik:RadOrgChart ID="RadOrgChart1" runat="server" Skin="Default" DataFieldID="AssociateId" DataFieldParentID="ReportsTo" DataTextField="AssociateName" DataSourceID="SqlDataSource1">
                    <ItemTemplate>
                        <asp:Panel ID="Panel1" runat="server">
                            <telerik:RadBinaryImage runat="server" ID="RadBinaryImage1" DataValue='<%#Eval("AssociateImage") %>'
                                                    AutoAdjustImageControlSize="false" Height="50px" Width="50px" ToolTip='<%#Eval("AssociateName", "Photo of {0}") %>'
                                                    AlternateText='<%#Eval("AssociateName", "Photo of {0}") %>'>
                            </telerik:RadBinaryImage>
                            <%#Eval("AssociateName") %>
                        </asp:Panel>
                    </ItemTemplate>
                </telerik:RadOrgChart>
                <telerik:RadToolTipManager runat="server" ID="RadToolTipManager1" Skin="Default" OnAjaxUpdate="OnAjaxUpdate"
                                           Position="BottomRight" OffsetX="16" OffsetY="16" EnableShadow="false" Width="400" Height="135" AutoCloseDelay="10000" EnableAJAX="true"/>
                <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT AssociateId, AssociateName,AssociateImage, ReportsTo, ManagerName FROM OrgStructure"></asp:SqlDataSource>
            </form>
        </body>
    </html>


    my code in aspx.cs

    using System;
    using System.Linq;
    using System.Web.UI;
    using Telerik.Web.UI;
     
    public partial class UserInterfaces_BrandixReportingStructure : System.Web.UI.Page
    {
        public void OnAjaxUpdate(object sender, ToolTipUpdateEventArgs e)
        {
            Control ctrl = this.Page.LoadControl("OrgChartEmployeeDetails.ascx");
            ctrl.ID = "UcEmployeeDetails1";
     
            e.UpdatePanel.ContentTemplateContainer.Controls.Add(ctrl);
            UserInterfaces_OrgChartEmployeeDetails details = (UserInterfaces_OrgChartEmployeeDetails)ctrl;
            details.UserName = e.Value;
     
            e.UpdatePanel.ContentTemplateContainer.Controls.Add(new LiteralControl("My dynamic tooltip"));
        }
     
        protected void Page_Load(object sender, EventArgs e)
        {
        }
           
    }

    my code in .ascx

    <%@ Control Language="C#" AutoEventWireup="true" CodeFile="OrgChartEmployeeDetails.ascx.cs" Inherits="UserInterfaces_OrgChartEmployeeDetails" %>
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource_BrandContactDetails">
        <ItemTemplate>
            <div style="width:400px; float:left; font-size:12px; font-family:'Segoe UI'">
                <div style="width:50px;">
                     <telerik:RadBinaryImage runat="server" ID="RadBinaryImage1" DataValue='<%#Eval("BuyerImage") %>'
                                                    AutoAdjustImageControlSize="false" Height="50px" Width="50px" ToolTip='<%#Eval("ContactPerson", "Photo of {0}") %>'
                                                    AlternateText='<%#Eval("ContactPerson", "Photo of {0}") %>'></telerik:RadBinaryImage>
                </div>
                <div style="width:50px;">
                    Brand Contact
                </div>
                <div style="width:50px;">
                 <%# Eval("Brand")%> <%# Eval("ContactPerson")%> <br/> <%# Eval("Designation")%>
                </div>
                <div style="width:50px;">
                    Relationship Level
                </div>
                <div style="width:50px;">
                    <asp:Image ID="Image1" runat="server" />
                </div>
                <div style="width:50px;">
                   Frequency
                </div>
                <div style="width:50px;">
                     <%# Eval("FrequencyString")%>
                </div>
                <div style="width:50px;">
                    <%# Eval("RelationType")%>
                </div>
            </div>
        </ItemTemplate>
    </asp:Repeater>
    <asp:SqlDataSource ID="SqlDataSource_BrandContactDetails" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT TOP (100) PERCENT V_UpcomingRelationDetails.RelationType, V_UpcomingRelationDetails.Brand, V_UpcomingRelationDetails.ContactPerson, V_UpcomingRelationDetails.Designation, V_UpcomingRelationDetails.FrequencyString, V_UpcomingRelationDetails.Level, BuyerDetail.BuyerImage FROM V_UpcomingRelationDetails INNER JOIN BuyerDetail ON V_UpcomingRelationDetails.Brand = BuyerDetail.Brand AND V_UpcomingRelationDetails.ContactPerson = BuyerDetail.[Contact Person] AND V_UpcomingRelationDetails.Designation = BuyerDetail.Designation WHERE (V_UpcomingRelationDetails.TeamMemeber LIKE '%' + @user + '%') ORDER BY V_UpcomingRelationDetails.Brand, V_UpcomingRelationDetails.ContactPerson">
        <SelectParameters>
            <asp:Parameter Name="user" />
        </SelectParameters>
    </asp:SqlDataSource>


    my code in ascx.cs
    using System;
    using System.Linq;
     
    public partial class UserInterfaces_OrgChartEmployeeDetails : System.Web.UI.UserControl
    {
        public string UserName { get; set; }
     
        protected void Page_Load(object sender, EventArgs e)
        {
            this.SqlDataSource_BrandContactDetails.SelectParameters[0].DefaultValue = this.UserName;
        }
    }



  2. Plamen
    Admin
    Plamen avatar
    2729 posts

    Posted 15 May 2014 Link to this post

    Hello,

    I have inspected the code that you provided and noticed that you have not set any TargetControls of RadToolTipManager that is set in the GroupItemDataBound event in the demo you linked.

    Hope this help you solve the issue.

    Regards,
    Plamen
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top