bootstrap popover

Aug 22, 2014 at 2:17 PM
I want to show bootstrap popover when i click on a row in the gridview. In the onRowSelect(function(e) not sure whats the syntax to show the popover?
Aug 25, 2014 at 7:57 PM
I am able to show the popover in the onRowSelect function

.onRowSelect(function (e) {

$('.show-popover').popover({
           placement: 'top',
           html: 'true',
           content:
               '<p>popover test<p>'
        })
});

but i have to click twice on the row to show the popover. Any ideas what i have to do to make it work with just a single click on the row?
Aug 26, 2014 at 2:28 PM
How can assign a css class to the clicked row? I tried $(e.row).addClass("show-popover") but that didn't work.

What I am trying to do is manually trigger the popover when a row is clicked.


onRowSelect(function (e) {
        var row = $(e.row).addClass("show-popover");
        alert(row.hasClass());   // this is false??
        $('.show-popover').popover({
            trigger: 'manual',
            placement: 'top',
            html: 'true',
            content:
                '<p>popover test<p>'
        }).popover('show')
});