ToolTip and RadGrid Detail Table

2 posts, 0 answers
  1. Alejandro
    Alejandro avatar
    7 posts
    Member since:
    May 2011

    Posted 10 May 2011 Link to this post

    Hello there!

    I'm having an issue with ToolTipManager and RadGrid Detail Table, I programmatic add TargetControls, one control is a templatecolumn on mastertableview the other is also a templatecolumn on detail table same grid, first control triggers perfectly although when I hover template column item on detail table nothing happens.

    I'm doing something like http://demos.telerik.com/aspnet-ajax/tooltip/examples/targetcontrolsandajax/defaultvb.aspx sample, I mean, I want to load dynamic data on each ToolTip.

    Need some advice.

    Thanks.

    Alex.

    Private Sub UpdateToolTip(ByVal elementID As String, ByVal panel As UpdatePanel)
        Dim ctrl As Control = Page.LoadControl("WUC_PolizaDetail.ascx")
        panel.ContentTemplateContainer.Controls.Add(ctrl)
        Dim details As WUC_PolizaDetail = DirectCast(ctrl, WUC_PolizaDetail)
        details.ProductID = elementID
    End Sub
     
    Protected Sub OnAjaxUpdate(ByVal sender As Object, ByVal args As ToolTipUpdateEventArgs) Handles RadToolTipManager1.AjaxUpdate, RadToolTipManager2.AjaxUpdate
        Me.UpdateToolTip(args.Value, args.UpdatePanel)
    End Sub
     
    Protected Sub Grid_2_ItemDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs) Handles Grid_2.ItemDataBound
        Dim target2 As Control
        If e.Item.ItemType = GridItemType.Item OrElse e.Item.ItemType = GridItemType.AlternatingItem Then
            Dim target As Control = e.Item.FindControl("tooltip")
     
     
            If e.Item.OwnerTableView.Name = "Detail_Table" AndAlso ((e.Item.ItemType = GridItemType.Item) OrElse (e.Item.ItemType = GridItemType.AlternatingItem)) Then
                Dim item As GridDataItem = e.Item
                target2 = item.FindControl("tooltip_detail")
            End If
     
            If Not [Object].Equals(target, Nothing) Then
                If Not [Object].Equals(Me.RadToolTipManager1, Nothing) Then
                    Me.RadToolTipManager1.TargetControls.Add(target.ClientID, (TryCast(e.Item, GridDataItem)).GetDataKeyValue("POLIZA").ToString(), True)
                End If
            End If
     
            If Not [Object].Equals(target2, Nothing) Then
                If Not [Object].Equals(Me.RadToolTipManager2, Nothing) Then
                    Me.RadToolTipManager2.TargetControls.Add(target2.ClientID, TryCast(e.Item, GridDataItem).GetDataKeyValue("ID_RECIBO").ToString(), True)
                End If
            End If
        End If
    End Sub
     
    Protected Sub Grid_2_ItemCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles Grid_2.ItemCommand
        If e.CommandName = "Sort" OrElse e.CommandName = "Page" Then
            RadToolTipManager1.TargetControls.Clear()
            RadToolTipManager2.TargetControls.Clear()
        End If
    End Sub
            <table>
                <tr>
                    <td>
                        <br />
                        <asp:SqlDataSource ID="SqlRecibosData" runat="server" ConnectionString="<%$ ConnectionStrings:IVConnectionString %>"
                            SelectCommand="SELECT CONS_RECIBOS_CONCILIA.POLIZA, CONS_RECIBOS_CONCILIA.CLAVEAGENTE AS AGENTE, CONS_RECIBOS_CONCILIA.CLIENTE AS ASEGURADO, CASE ISNULL(dbo.ENDOSOS.ENDOSO , 'LA') WHEN 'LA' THEN CAST(dbo.CONS_RECIBOS_CONCILIA.ENDOSO AS VARCHAR) ELSE dbo.ENDOSOS.ENDOSO END AS ENDOSO, CASE CAST(TIPOCAMBIO.MONEDA AS VARCHAR) WHEN '1' THEN 'PESOS' WHEN '2' THEN 'DOLARES' WHEN '3' THEN 'EUROS' WHEN '4' THEN 'UDIS' END AS MONEDA FROM (SELECT FOLIO_OT, ENDOSO, FECHA_DESCARTE FROM (SELECT FOLIO_OT, 0 AS ENDOSO, FECHA_DESCARTE FROM POLIZAS AS POLIZAS_1 UNION SELECT FOLIO_OT, CONSECUTIVO AS ENDOSO, FECHA_DESCARTE FROM ENDOSOS AS ENDOSOS_1) AS derivedtbl_1) AS DESCARTE RIGHT OUTER JOIN ENDOSOS RIGHT OUTER JOIN CONS_RECIBOS_CONCILIA ON ENDOSOS.FOLIO_OT = CONS_RECIBOS_CONCILIA.FOLIO_OT AND ENDOSOS.CONSECUTIVO = CONS_RECIBOS_CONCILIA.ENDOSO ON DESCARTE.FOLIO_OT = CONS_RECIBOS_CONCILIA.FOLIO_OT AND DESCARTE.ENDOSO = CONS_RECIBOS_CONCILIA.ENDOSO LEFT OUTER JOIN CONS_GRUPOS ON CONS_RECIBOS_CONCILIA.ID_CONTRATANTE = CONS_GRUPOS.ID_CLIENTE LEFT OUTER JOIN CORRESPONSALES RIGHT OUTER JOIN POLIZAS ON CORRESPONSALES.ID_CORRESPONSAL = POLIZAS.ID_CORRESPONSAL1 ON CONS_RECIBOS_CONCILIA.FOLIO_OT = POLIZAS.FOLIO_OT LEFT OUTER JOIN TIPOCAMBIO RIGHT OUTER JOIN COB_LIQUIDACION ON TIPOCAMBIO.ID_TIPCAMBIO = COB_LIQUIDACION.TIPOCAMBIO ON CONS_RECIBOS_CONCILIA.REFER_LIQUIDA = COB_LIQUIDACION.ID_LIQUIDACION LEFT OUTER JOIN CONS_DIF_CONCILIACION ON CONS_RECIBOS_CONCILIA.POLIZA = CONS_DIF_CONCILIACION.POLIZA AND CONS_RECIBOS_CONCILIA.ENDOSO = CONS_DIF_CONCILIACION.ENDOSO AND CONS_RECIBOS_CONCILIA.NUMPAGO = CONS_DIF_CONCILIACION.NUM_PAG AND CONS_RECIBOS_CONCILIA.FOLIO_ASEG = CONS_DIF_CONCILIACION.FOLIO_ASEG AND CONS_RECIBOS_CONCILIA.OFICINA = CONS_DIF_CONCILIACION.OFICINA WHERE (CONS_RECIBOS_CONCILIA.ID_ASEGURADORA = @Aseguradora) AND (CONS_RECIBOS_CONCILIA.CLAVEAGENTE = @Agente) ORDER BY CONS_RECIBOS_CONCILIA.POLIZA, ENDOSO">
                            <SelectParameters>
                                <asp:Parameter Name="Aseguradora" />
                                <asp:Parameter Name="Agente" />
                            </SelectParameters>
                        </asp:SqlDataSource>
                        <asp:SqlDataSource ID="SqlRecibosDetail" runat="server" ConnectionString="<%$ ConnectionStrings:IVConnectionString %>"
                            SelectCommand="SELECT_RECIBOS_CONCILIACION_POLIZA" SelectCommandType="StoredProcedure">
                            <SelectParameters>
                                <asp:Parameter Name="Poliza" Type="String" />
                                <asp:Parameter Name="Endoso" Type="String" />
                            </SelectParameters>
                        </asp:SqlDataSource>
                        <telerik:RadGrid ID="Grid_2" GridLines="None" runat="server" AllowPaging="True" AllowSorting="True"
                            AllowMultiRowEdit="True" AllowMultiRowSelection="True" Width="900px" AutoGenerateColumns="False"
                            AllowFilteringByColumn="True">
                            <MasterTableView EditMode="InPlace" ClientDataKeyNames="POLIZA, ENDOSO" Name="MasterDetail">
                                <ExpandCollapseColumn Visible="True">
                                </ExpandCollapseColumn>
                                <Columns>
                                    <telerik:GridBoundColumn DataField="POLIZA" HeaderText="Poliza" SortExpression="POLIZA"
                                        UniqueName="POLIZA">
                                        <HeaderStyle Font-Bold="True" />
                                    </telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn DataField="ENDOSO" HeaderText="Endoso" ReadOnly="True" SortExpression="ENDOSO"
                                        UniqueName="ENDOSO" ItemStyle-Width="100px" AllowFiltering="False">
                                        <HeaderStyle Font-Bold="True" />
                                        <ItemStyle Width="100px"></ItemStyle>
                                    </telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn DataField="AGENTE" HeaderText="Agente" SortExpression="AGENTE"
                                        UniqueName="AGENTE" AllowFiltering="False">
                                        <HeaderStyle Font-Bold="True" />
                                    </telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn DataField="ASEGURADO" HeaderText="Asegurado" SortExpression="ASEGURADO"
                                        UniqueName="ASEGURADO" ReadOnly="True" AllowFiltering="False">
                                        <HeaderStyle Font-Bold="True" />
                                    </telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn DataField="MONEDA" HeaderText="Moneda" SortExpression="MONEDA"
                                        UniqueName="MONEDA" ReadOnly="True" AllowFiltering="False">
                                        <HeaderStyle Font-Bold="True" />
                                    </telerik:GridBoundColumn>
                                    <telerik:GridTemplateColumn HeaderText="Detalle" UniqueName="TemplateColumn" 
                                        AllowFiltering="False">
                                        <ItemTemplate>
                                            <asp:Image ID="tooltip" runat="server" ImageUrl="../../Imagenes_LMS/ico_mas_info.gif"/>
                                        </ItemTemplate>
                                    </telerik:GridTemplateColumn>
                                </Columns>
                                <ItemStyle Font-Bold="False" Font-Italic="False" Font-Names="Calibri" Font-Overline="False"
                                    Font-Size="Small" Font-Strikeout="False" Font-Underline="False" Wrap="True" />
                                <AlternatingItemStyle Font-Bold="False" Font-Italic="False" Font-Names="calibri"
                                    Font-Overline="False" Font-Size="Small" Font-Strikeout="False" Font-Underline="False"
                                    Wrap="True" />
                                <EditItemStyle BackColor="#DAFCAB" Font-Bold="True" ForeColor="#006600" />
                                <HeaderStyle Font-Bold="True" Font-Italic="False" Font-Names="Calibri" Font-Overline="False"
                                    Font-Size="Small" Font-Strikeout="False" Font-Underline="False" Wrap="True" />
                                <DetailTables>
                                    <telerik:GridTableView AllowSorting="false" DataSourceID="SqlRecibosDetail" Width="100%"
                                        PageSize="7" AllowFilteringByColumn="False" EditMode="InPlace" DataKeyNames="ID_RECIBO"
                                        ClientDataKeyNames="ID_RECIBO" Name="Detail_Table">
                                        <ParentTableRelation>
                                            <telerik:GridRelationFields DetailKeyField="POLIZA" MasterKeyField="POLIZA" />
                                            <telerik:GridRelationFields DetailKeyField="ENDOSO" MasterKeyField="ENDOSO" />
                                        </ParentTableRelation>
                                        <Columns>
                                            <telerik:GridClientSelectColumn HeaderText="Seleccionar" UniqueName="columnCHec">
                                            </telerik:GridClientSelectColumn>
                                            <telerik:GridBoundColumn DataField="LIQ" HeaderText="Liq." SortExpression="LIQ" UniqueName="LIQ"
                                                ReadOnly="True">
                                            </telerik:GridBoundColumn>
                                            <telerik:GridBoundColumn DataField="ID_RECIBO" HeaderText="Recibo" SortExpression="ID_RECIBO"
                                                UniqueName="ID_RECIBO" ReadOnly="True" Visible="False">
                                            </telerik:GridBoundColumn>
                                            <telerik:GridBoundColumn DataField="FEC_LIQ" HeaderText="FLiq." SortExpression="FEC_LIQ"
                                                UniqueName="FEC_LIQ" ReadOnly="True" DataFormatString="{0:dd/MM/yy}">
                                            </telerik:GridBoundColumn>
                                            <telerik:GridBoundColumn DataField="FECHA_INICIO" HeaderText="Inicio Vig" SortExpression="FECHA_INICIO"
                                                UniqueName="FECHA_INICIO" ReadOnly="True" DataFormatString="{0:dd/MM/yy}">
                                            </telerik:GridBoundColumn>
                                            <telerik:GridBoundColumn SortExpression="SERIE" HeaderText="Serie" DataField="SERIE"
                                                UniqueName="SERIE" ReadOnly="True">
                                            </telerik:GridBoundColumn>
                                            <telerik:GridDropDownColumn DataSourceID="SQLData_Action" EmptyListItemText="Seleccione una opcion..."
                                                EmptyListItemValue="0" EnableEmptyListItem="True" HeaderText="Accion" ListTextField="Action_Desc"
                                                ListValueField="Action_ID" UniqueName="column1">
                                                <HeaderStyle HorizontalAlign="Center" />
                                            </telerik:GridDropDownColumn>
                                            <telerik:GridDropDownColumn DataSourceID="SQLData_Status" EmptyListItemText="Seleccione una opcion..."
                                                EmptyListItemValue="0" EnableEmptyListItem="True" HeaderText="Status" ListTextField="Status_Desc"
                                                ListValueField="Status_ID" UniqueName="column2">
                                                <HeaderStyle HorizontalAlign="Center" />
                                            </telerik:GridDropDownColumn>
                                            <telerik:GridTemplateColumn HeaderText="Autos" UniqueName="TemplateColumn1">
                                                <ItemTemplate>
                                                    <asp:Button ID="Button2" runat="server" Text="Detalle" OnClientClick="ConciliacionManual();return false;" />
                                                </ItemTemplate>
                                            </telerik:GridTemplateColumn>
                                            <telerik:GridTemplateColumn HeaderText="Detalle" UniqueName="DetailColumn">
                                                <ItemTemplate>
                                                    <asp:Image ID="tooltip_detail" runat="server" ImageUrl="../../Imagenes_LMS/ico_mas_info.gif" />
                                                </ItemTemplate>
                                            </telerik:GridTemplateColumn>
                                            <telerik:GridEditCommandColumn ButtonType="ImageButton" EditImageUrl="../../Imagenes_LMS/Edit.png"
                                                EditText="Editar" UpdateImageUrl="../../Imagenes_LMS/Update.png" UpdateText="Guardar Cambios"
                                                CancelImageUrl="../../Imagenes_LMS/Cancel.png" CancelText="Cancelar">
                                            </telerik:GridEditCommandColumn>
                                        </Columns>
                                        <EditFormSettings>
                                            <EditColumn UniqueName="EditCommandColumn1">
                                            </EditColumn>
                                        </EditFormSettings>
                                    </telerik:GridTableView>
                                </DetailTables>
                            </MasterTableView>
                            <ClientSettings>
                                <Selecting AllowRowSelect="True" />
                                <ClientEvents OnRowClick="RowClick" OnRowDblClick="RowDblClick" OnGridCreated="GridCreated"
                                    OnCommand="GridCommand" />
                            </ClientSettings>
                        </telerik:RadGrid>
                        <br />
                    </td>
                </tr>
                <tr align="center">
                    <td>
                        <asp:Button ID="Btn_Conciliacion" runat="server" CssClass="Boton" Text="Conciliar Recibos Seleccionados"
                            Width="180px" />    
                        <asp:Button ID="Button1" runat="server" CssClass="Boton" Text="Cancelar" Width="80px"
                            OnClientClick="returnToParent()" />
                    </td>
                </tr>
            </table>
            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="AjaxLoadingPanel1">
                <AjaxSettings>
                    <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="Grid_2" LoadingPanelID="AjaxLoadingPanel1" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                    <telerik:AjaxSetting AjaxControlID="Grid_2">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="Grid_2" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                </AjaxSettings>
            </telerik:RadAjaxManager>
            <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" Position="BottomCenter"
                Animation="Fade" RelativeTo="Element" Width="500px" Height="300px" Style="font-size: 18px;
                text-align: center; font-family: Arial;" RenderInPageRoot="true">
            </telerik:RadToolTipManager>
            <telerik:RadToolTipManager ID="RadToolTipManager2" runat="server" 
                Animation="FlyIn" Height="300px" RelativeTo="Element" RenderInPageRoot="True" 
                Width="500px">
            </telerik:RadToolTipManager>
            <telerik:RadAjaxLoadingPanel ID="AjaxLoadingPanel1" runat="server" Skin="Hay" IsSticky="True"
                HorizontalAlign="Center" BackgroundPosition="Top">
            </telerik:RadAjaxLoadingPanel>
        </div>
        <asp:SqlDataSource ID="SqlData_Status" runat="server" ConnectionString="<%$ ConnectionStrings:IVConnectionString %>"
            SelectCommand="SELECT [Status_ID], [Status_Desc] FROM [Status]"></asp:SqlDataSource>
        <asp:SqlDataSource ID="SqlData_Action" runat="server" ConnectionString="<%$ ConnectionStrings:IVConnectionString %>"
            SelectCommand="SELECT [Action_ID], [Action_Desc] FROM [Actions]"></asp:SqlDataSource>
        </form>
    </body>
    </html>

  2. Alejandro
    Alejandro avatar
    7 posts
    Member since:
    May 2011

    Posted 10 May 2011 Link to this post

    Nevermind! I just found out a solution myself, I added a updatedcontrol setting to AjaxManager and worked just fine.

    Thanks anyway.

    Alex

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