2016-07-29 6 views
0

Я использую ниже rowTemplate. Я хочу применить класс css «ui-grid-invalid-upload-row», когда Valid == true. Так или иначе, он не работает.UI Grid RowTemplate цвет на основе значения ячейки

<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> 
+0

Вы забыли вывесить rowTemplate вы используете – doge1ord

+0

пожалуйста, вы можете поделиться больше вашего кода. так как это поможет увидеть поля –

ответ

0

Я получаю вышеуказанное, я использовал ниже, чтобы изменить цвет на основе row.entity. [FieldName]. Проводка здесь надеясь, что кто бы получить помощь от него,

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'; 
}; 
0

Использование row.entity.yourfieldname если вы хотите цвет ряд

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

рабочая plunker является here


Если вы хотите, чтобы применить класс Cell использования cellClass вместо

$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'; 
     } 
     } 
    ] 
    }; 

рабочая pluncker является here

Позвольте мне знать, если это поможет.

0

I изменено col.colDef["Value"]==true до col.colDef[\'Value\']. Двойные кавычки преждевременно расторгает ng-class ЗАЯВЛЕНИЕ

<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 Поскольку вы хотите изменить цвет на основе значения ячейки, я думаю, вы должны изменить CellTemplate вместо этого.