ExtJS 4 - Как добавить фоновые цвета в столбцы сетки?

Question

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

Эти цвета столбцов также не должны перезаписываться mouse-over color.

Я пытался использовать cls и tdCls, но не повезло.

Может кто-нибудь подсказать, как этого можно достичь?

Заранее спасибо.

Answer 1

NetEmp прямо здесь, вы хотите рендерер и хотите использовать прямой метод 'style', или я сделал это ниже, используя следующее:

function greyRenderer(lpValue, opMeta, opData) 
{

    if (opData.data["Condition"] == 0) {
        opMeta.attr = "style='color: #aaa';";
    }

    lpValue = Ext.util.Format.htmlEncode(lpValue); 
    return lpValue;
}

Обратите внимание, что здесь я проверяю значение в строке в определенном поле, а затем применяю цвет к тексту переднего плана и HTML-кодирует вывод, вы, очевидно, можете просто переключать вещи в соответствии с вашими конкретными требованиями.

Answer 2

добавить это в любой столбец, который вы хотите изменить цвет

renderer:function(value,metaData){
    metaData.style="background-color:#EAA8A8";
    return value;
},

Answer 3

Для этого вам не нужно средство визуализации.Происходит следующее: стиль чередования зебры в ExtJS (x-grid-row-alt) и наведение мыши на стиль имеют приоритет над стилем, который вы определили в tdClsДобавьте !important к цвету фона, и он будет работать.Например:

.my-column-style {
    background-color: blue !important;
}