Tooltips take the cell's filter even when not needed

[YonatanKra]

Hi,
I've tried to setup a cell tooltip for a filtered cell.
I've followed the code in ui-grid and found some issues (

ui-grid/src/js/core/services/gridClassFactory.js

Line 114 in fcbafc6

function (template) {

).

I have 2 cases in which this is a problem:

1. I want to filter the cell content, and in a tooltip show the unfiltered content.
2. I want to enact a different filter on the tooltip (or enact the filter in the tooltip's function).

These 2 use cases are very close to each other and there are several variants I can think of for each.

I've implemented my solution in my app:
Set a tooltipFilter property in the colDef that would either be unedfined (to use the cell's filter), a string/function that returns a string (for a filter) or false (for no filter).

What do you think? Is there a better way to do this?

[tapresle]

Do you have an example of your solution yccteam? I'm experiencing a similar problem and don't know why this wasn't an opt in thing to begin with.

[YonatanKra]

This is where you want to look:

ui-grid/src/js/core/services/gridClassFactory.js

Line 117 in fcbafc6

if ( tooltipType && col[tooltipType] === false ){

To put this more clearly, here's a revised code:

if ( angular.isFunction(template) ) { template = template(); }
                  var tooltipCall = ( tooltipType === 'cellTooltip' ) ? 'col.cellTooltip(row,col)' : 'col.headerTooltip(col)';
                  if ( tooltipType && col[tooltipType] === false ){
                    template = template.replace(uiGridConstants.TOOLTIP, '');
                  } else if ( tooltipType && colDef[tooltipType] ){
                    if (col[disableTooltipFilter]){
                      template = template.replace(uiGridConstants.TOOLTIP, 'title="{{' + tooltipCall + '                CUSTOM_FILTERS }}"');
                    }else{
                      template = template.replace(uiGridConstants.TOOLTIP, 'title="{{' + tooltipCall + '}}"');
                    }
                  }

                  if ( filterType ){
                    col[templateType] = template.replace(uiGridConstants.CUSTOM_FILTERS, function() {
                      return col[filterType] ? "|" + col[filterType] : "";
                    });
                  } else {
                    col[templateType] = template;
                  }

This is the diff from the original code:

if (col[disableTooltipFilter]){
                      template = template.replace(uiGridConstants.TOOLTIP, 'title="{{' + tooltipCall + '                CUSTOM_FILTERS }}"');
                    }else{
                      template = template.replace(uiGridConstants.TOOLTIP, 'title="{{' + tooltipCall + '}}"');
                    }

If you state disableTooltipFilter: true in your colDef, the template would be returned without the filters.

[csrar]

This is not the final solution but at least works:

{ field: 'mixedDate', displayName: "Cust Date", cellFilter: 'date:"dd-MM-yyyy HH:mm:ss"', filterCellFiltered:true, cellTooltip: true, width: '30%'}

by

{ field: 'mixedDate', displayName: "Cust Date", cellFilter: 'date:\'dd-MM-yyyy HH:mm:ss\'', filterCellFiltered:true, cellTooltip: true, width: '30%'}

Here is a plunkr with my working "solution"
http://plnkr.co/edit/mLk8FcfiyXIZTp1bKpAZ?p=preview