состояние в клеточной плите уигрид

Question

Я хочу изменить цвет в сетке пользовательского интерфейса. пожалуйста помоги. это мое изображение: введите описание изображения здесь

Answer 1

У вас есть этот шаблон ячейки для идентификатора:

{
    field: 'BookingId',
    displayName: 'ID',
    cellTemplate: function () {
        return '<div class="ui-grid-cell-contents" style="background-color:lightblue;" ng-if="row.entity.BookingId == \'19\'">{{row.entity.BookingId}}</div><div class="ui-grid-cell-contents" style="background-color:LightCoral;" ng-if="row.entity.BookingId == \'18\'">{{row.entity.BookingId}}</div>';
    }
}

Вместо этого это может быть что-то вроде этого:

{
    field: 'BookingId',
    displayName: 'ID',
    cellTemplate: function () {
        let color = 'white';
        if (row.entity.BookingId.indexOf('C') !== -1) { color = 'lightblue'; }
        else if (row.entity.BookingId.indexOf('V') !== -1) { color = 'lightred'; }
        else if (row.entity.BookingId.indexOf('P') !== -1) { color = 'lightgreen'; }

        return '<div class="ui-grid-cell-contents" style="background-color:' + color + ';" ng-if="row.entity.BookingId == \'19\'">{{row.entity.BookingId}}</div><div class="ui-grid-cell-contents" style="background-color:LightCoral;" ng-if="row.entity.BookingId == \'18\'">{{row.entity.BookingId}}</div>';
    }
},