Grid Hierarchy and boostrap tooltips

2 posts, 0 answers
  1. François
    François avatar
    5 posts
    Member since:
    Sep 2017

    Posted 26 Sep Link to this post

    In order to use Boostrap tooltips, I have the following on my page.

    $(document).ready(function() {

            $('[data-toggle="tooltip"]').tooltip();
        });

     

    However, when using a grid with hierarchy, the tooltips of the details grids are not rendered yet so the above method cannot work for them.
    Are there some events that I can hook to when the details grids appear?

  2. Viktor Tachev
    Admin
    Viktor Tachev avatar
    1766 posts

    Posted 29 Sep Link to this post

    Hello,

    In order to implement the behavior you can use the Grid detailExpand event. In this event, you can attach a handler for the dataBound event of the detail Grid. DataBound is raised after the data is retrieved and you will be able to use the data for any custom logic that is required. 

    Check out the dojo example below that outlines the approach.



    Regards,
    Viktor Tachev
    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 visualization (charts) and form elements.
Back to Top