Extjs3 给表格的行和列设置颜色

给表格的列设置颜色的代码: 

                    viewConfig : {
                        forceFit : true,
                        enableRowBody : true,
                        getRowClass : function(record, rowIndex, p, ds) {
                            var cls = 'white-row';
                            switch (record.data.color) {
                                case '#FBF8BF' :
                                    cls = 'yellow-row';
                                    break;
                                case '#99CC99' :
                                    cls = 'green-row';
                                    break;
                                case '#F5C0C0' :
                                    cls = 'red-row';
                                    break;
                            }
                            return cls;
                        }
                    }


给表格的列设置颜色的代码: 

                function renderMotif(data, cell, record, rowIndex, columnIndex, store) {
                    var value = record.get('color');
                    //cell.css = "UnStyleCss";
                    cell.attr = "style=background-color:" + value;
                    return data;
                }

                var cm = new Ext.grid.ColumnModel([{
                    header : 'name',
                    dataIndex : 'name'
                }, {
                    header : 'sex',
                    dataInex : 'sex'
                }, {
                    header : 'color',
                    dataIndex : 'color',
                    renderer : renderMotif
                }]);

只修改表格的某一行的样式,可以用下面的方式来实现: 

grid.getView().addRowClass(r,css)

修改表格的某一个单元格的样式,可以用下面的方式来实现: 

Ext.get(grid.getView().getCell(r,c)).addClass(css)
或者
grid.getView().getRow(r).style.backgroundColor = "red"


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值