Question

我在rowTemplate下面使用。我想应用css类＆＃34; ui-grid-invalid-upload-row＆＃34;当Valid == true时。不知何故，它无法正常工作。

<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

如果您想要颜色行

，请使用row.entity.yourfieldname

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

工作的掠夺者是here

如果您只想将课程应用于单元格，请改用<{1}}

cellClass

工作的掠夺者是here

让我知道它是否对你有所帮助。

Answer 2

我将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>

修改由于您想根据单元格值更改颜色，我认为您应该修改cellTemplate。

Answer 3

我得到了上面的工作，我在下面用它来改变基于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';
};

UI Grid RowTemplate基于单元格值的颜色

3 个答案: