htmlcssdatagridflexicious

Flexicious DataGrid button clickable


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?


Solution

  • 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
            }
    }