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
>