UI Grid RowTemplate Farbe basierend auf Zellenwert

Question

Ich verwende unten rowTemplate. Ich möchte die CSS-Klasse "ui-grid-invalid-upload-row" anwenden, wenn das Valid == true ist. Irgendwie funktioniert es nicht.

<div ng-repeat="(colRenderIndex, col) in colContainer.renderedColumns track by col.colDef.name" class="ui-grid-cell" ng-class="{ \'ui-grid-row-header-cell\': col.isRowHeader, \'ui-grid-invalid-upload-row\': col.colDef["Value"]==true }" ui-grid-cell></div> 

Answer 1

Ich bekomme das obige funktioniert, ich habe unten verwendet, um die Farbe basierend auf row.entity ändern. [FieldName]. Posting hier gehofft, jemand Hilfe von ihm bekommen würde,

function rowTemplate() { 
     return $timeout(function() { 
      return '<div ng-class="{ \'ui-grid-invalid-upload-row\': grid.appScope.rowFormatter(row) }">' + 
         ' <div ng-repeat="(colRenderIndex, col) in colContainer.renderedColumns track by col.colDef.name" class="ui-grid-cell" ng-class="{ \'ui-grid-row-header-cell\': col.isRowHeader }" ui-grid-cell></div>' + 
        '</div>'; 
     }); 
    } 

$scope.rowFormatter = function (row) { 
    return row.entity.Value === 'true'; 
}; 

Answer 2

Verwenden row.entity.yourfieldname wenn Sie Farbe Reihe wollen

Wie ng-class="{\'green\':true, \'blue\':row.entity.count==1 }"

Eine Arbeits Plunker ist here

---

Wenn Sie nur Klasse Handy Gebrauch anwenden möchten cellClass statt

$scope.gridOptions = { 
    enableSorting: true, 
    data:'myData', 
    columnDefs: [ 
     { field: 'sv_name', displayName: 'Nombre'}, 
     {field: 'sv_code', displayName: 'Placa'}, 
     { field: 'count', displayName: 'Cuenta', 
     cellClass: function(grid, row, col, rowRenderIndex, colRenderIndex) { 
      if (grid.getCellValue(row,col) == 1) { 
      return 'blue'; 
      } 
      return 'green'; 
     } 
     } 
    ] 
    }; 

Eine Arbeits pluncker ist here

Lassen Sie mich wissen, ob es Ihnen hilft.

Answer 3

Ich änderte col.colDef["Value"]==true zu col.colDef[\'Value\']. Die doppelte Anführungszeichen vorzeitig beendet die ng-class Anweisung

<div ng-repeat="(colRenderIndex, col) in colContainer.renderedColumns track by col.colDef.name" class="ui-grid-cell" ng-class="{ \'ui-grid-row-header-cell\': col.isRowHeader, \'ui-grid-invalid-upload-row\': col.colDef[\'Value\'] }" ui-grid-cell></div> 

EDIT Da Sie die Farbe basierend auf Zellwert ändern wollte, ich glaube, Sie Celltemplate stattdessen ändern sollte.