角UI併網條件着色選擇

Question

我想根據我在網格數據應用條件着色。 即時通訊使用在columnDefs這種情況的cellClass功能。 我的問題是，這些類不會更改選擇更改，並且我無法爲所選的行定義顏色，並且還有條件着色。 因此，對於某些行，根據數據將其着色爲紅色，並且當它們被選中時，它們的顏色應該會變成深紅色以顯示選擇和條件。

有什麼辦法可以達到這個目的嗎？

這是林試圖這樣做，但顯然它不會工作，因爲這功能不叫選擇更改：

vm.getCellHighlight = function(grid, row, col, rowRenderIndex, colRenderIndex) { 
     var rowStatus = row.entity.isChild ? grid.parentRow.entity.transactionItemStatus : row.entity.transactionItemStatus; 
     var rowSelected = row.isSelected ? 'Selected' : ''; 
     var rowType = ''; 
     if (rowStatus == ticketStateStorno){ 
      rowType = 'Storno'; 
     } 
     if (rowStatus == ticketStateUsed){ 
      rowType = 'Used'; 
     } 
     return (rowRenderIndex % 2)? 'searchSalesGridHighlight' + rowType + 'Dark' + rowSelected : 'searchSalesGridHighlight' + rowType + 'Light' + rowSelected; 
    }; 

Answer 1

我相信你想要的東西，這可能是接近，位。

的JavaScript/AngularJS控制器：

app.controller('MainCtrl', ['$scope', '$http', function($scope, $http) { 
    var colorRowTemplate = 
    //same as normal template, but extra ng-class for old people: 'old-people':(row.entity.Age>25&&!row.isSelected), 'old-people-selected':(row.entity.Age>25&&row.isSelected) 
    "<div ng-repeat=\"(colRenderIndex, col) in colContainer.renderedColumns track by col.uid\" ui-grid-one-bind-id-grid=\"rowRenderIndex + '-' + col.uid + '-cell'\" class=\"ui-grid-cell\" ng-class=\"{'old-people':(row.entity.Age>25&&!row.isSelected), 'old-people-selected':(row.entity.Age>25&&row.isSelected), 'ui-grid-row-header-cell': col.isRowHeader }\" role=\"{{col.isRowHeader ? 'rowheader' : 'gridcell'}}\" ui-grid-cell></div>"; 
    $scope.gridOptions = { 
    enableSelectAll: true, 
    enableRowSelection: true, 
    enableRowHeaderSelection: false, 
    enableFullRowSelection: true, 
    rowTemplate: colorRowTemplate, 
    showGridFooter: true 
    } 
    $http.get('data.json') 
    .then(function(response) { 
     $scope.gridOptions.data = response.data; 
    }); 
}]); 

這裏的工作Plunker，http://plnkr.co/edit/Yt7jQf6044YKzyG2CJtg?p=preview。