This is a migrated thread and some comments may be shown as answers.

Lose tooltip when setOptions()

1 Answer 56 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Marc
Top achievements
Rank 1
Marc asked on 12 Jun 2017, 10:18 PM

I have a grid column with a mouseover tooltip based on data from other columns using a client template javascript function.

When the users load their own options using a setOptions function, the tool tip disapears from that column when the setoptions method specifies a different column order.

I'm seeing this with different tooltip methods: the kendo tooltip widget, the bootstrap data-toggle widget and just having the mouseover of the title on the cell. Oddly the background color that is also dynamically applied via the same client template function is preserved.

 

Any explanation for this behavior?

1 Answer, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 14 Jun 2017, 08:35 AM
Hello Marc,

As the ToolTip is a separate widget when the column order is changed the ToolTip has to be destroyed and reinitialized again fro the new column.

Please check the approach used in this example. Please have in mind that instead on the columReorder event, the old ToolTip has to be destroyed when the setOptions method is used, and then the new one has to be added on the dataBound event of the Grid:

http://dojo.telerik.com/AJudI

http://docs.telerik.com/kendo-ui/intro/widget-basics/destroy

http://docs.telerik.com/kendo-ui/api/javascript/ui/tooltip#configuration-filter

If the issue still occurs, please provide a runnable example, and I will gladly assist.

Regards,
Stefan
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data (charts) and form elements.
Tags
Grid
Asked by
Marc
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Share this question
or