Flexicious DataGrid button clickable

Question

I've started using flexicious data grid for the last couple of weeks and I have come up with a need to put a clickable button next to the value in my column. I add the button using javascript but the problem is that when I want to click on the button my item-click fires a row selection. I have to use both the row selection for other functionality and button click for popup functionality.

Is there some built in functionality for adding buttons in flexicious? I can't seem to find any in their documentation. Or if there isn't how can I move the button on top of the row so that clicking the button doesn't fire row click functionality?

Answer 1

I figured this out by keeping it simple and ignoring flexicious documentation.

I added

item-click="onGridItemSelectedOfferCombo"

and then in this function I did a small hover over button test

vm.onGridItemSelectedOfferCombo = function (evt){
   var isHovered = $('#clickableButton').is(":hover");
        if (isHovered == true) {
             //do my thing
        }
}