动态设置gridview列背景

Question

我正在使用 Ext JS 4.0 和 Sencha Architect 4.1

我想根据对应记录的值设置每列的列背景

我知道如何使用渲染器更改单元格背景。但我不知道如何为整个列执行此操作，因为我不想为我的 gridview 中的每个单元格设置渲染器。

有没有办法为整个栏目设置背景？

Answer 1

在列上使用 tdCls 配置，然后编写 css 规则以适当应用样式。

http://docs.sencha.com/extjs/4.2.6/#!/api/Ext.grid.column.Column-cfg-tdCls

Answer 2

我是这样解决的：

在Site.css我添加了这样的样式

.custom-row .x-grid-cell {
    background-color: #ffe2e2;
}

在我的 Ext.grid.View 中，我添加了这样的 getRowClass 方法

viewConfig: {
    getRowClass: function(record, rowIndex, rowParams, store) {
        var isConditionMatching = ....

        if(isConditionMatching ){
            return 'custom-row';
        }
    },

动态设置gridview列背景

Setting gridview column background dynamically

javascript

extjs

background-color

sencha-architect