2016-12-29 26 views
0

私はuiグリッドセルに簡単なフィルタを適用し、ツールチップを追加しようとしていますが、機能しません。 フィルタは正しく機能していますが、ツールチップではありません。フィルタを削除すると表示されます。 cellFilter: 'number: 2', cellTooltip: 'Custom tooltip - maybe some help text' ここには私が話している例のplunkerがあります。 FormatNumber関数をツールチップで数cellFilter: 'formatNumber:2'をフォーマットする - - 任意のヘルプは本当にあなたはカスタムフィルタを導入し、この問題を解決することができます角度uiグリッドのツールチップが表示されない

答えて

0

をapreciatedさ

var app = angular.module('app', ['ui.grid', 'ui.grid.edit']); 

app.controller('MainCtrl', ['$scope', '$http', function($scope, $http) { 
    $scope.gridOptions = { 
    columnDefs: [{ 
     field: 'name' 
    }, { 
     field: 'amount', 
     name: 'Number', 
     cellFilter: 'formatNumber:2', 
     cellTooltip: 'Custom tooltip - maybe some help text' 

    }, { 
     field: 'amount', 
     name: 'Currency', 
     cellFilter: 'formatNumber:2', 
     cellTooltip: 'Custom tooltip - maybe some help text' 
    }, ] 
    }; 

    $http.get('data.json') 
    .success(function(data) { 
     $scope.gridOptions.data = data; 
    }); 
}]); 

app.filter('formatNumber', function() { 
    return function(input, decimalPlaces) { 
    if (isNaN(input)) 
     return input; 
    else { 
     return input.toFixed(decimalPlaces); 
    } 
    }; 
}); 
+0

は '私はちょうど更新され、私の問題を修正し、あなたのソリューションをありがとうございましたinput.toFixed(decimalPlaces); 'Number(input).toFixed(decimalPlaces);を使用していますが、この例ではどのようにツールチップのセルテンプレートを適用できますか? 'cellTemplate: '

{{grid.getCellValue(row, col)}}
'のようにして、フィルタを機能させますか?事前にありがとう – Med

+0

ツールチップに機能を作成してください。 cellTooltip:function(row、col){ 戻り値 'Name:' + row.entity.name + 'Company:' + row.entity.company; } –

+0

私はこの 'cellTemplateようなものを適用する意味:「

{{ COL_FIELD }}
」'それは私がここにツールチップ – Med

関連する問題