Кендо UI Сетка и нг-стиль

0

У меня есть сетка пользовательского интерфейса Kendo, которая читает из моего источника данных ряд свойств. Одна из них содержит цветовую строку. Я хочу использовать указанную цветовую строку, чтобы установить фоновый цвет прямоугольника в сетке.

Я использую следующий шаблон для поля:

template: "<img class='alarm-box-prediction variable' ng-style={'background-color': dataItem.type}'></img>"

Соответствующими данными из моего источника данных является следующее:

dataSource: {
        dataSource: function(data) {
            // Map the stored properties in the data array of objects received to 
            // their corresponding columns in the Grid
            return $.map(data, function(alarmProperty) {
                return {
                    // Change array index to match API once we are getting data from there
                    type: alarmProperty[0],
                    //... there are more properties here but i removed them as they are not the focus
                };
            });
        },

Данные, относящиеся к файлу JSON, который в настоящее время служит моим DS (скоро будет изменен):

{
    "alarms": [
        {
            "type": "Yellow",
//...
        }
//...
]}
Теги:
kendo-ui
kendo-grid
ng-style

1 ответ

1
Лучший ответ

Выяснил этот вопрос. ng-стиль нужно отформатировать по-разному, потому что он передается как строка к кендо.

template: "<img class='alarm-box-prediction variable' ng-style=\"{'background-color':dataItem.type}\"></img>",

Ещё вопросы

Сообщество Overcoder
Наверх
Меню