extjs grid设置某行字体颜色

效果


css代码

.x-grid-record-red table{
	color: #FF0000;
}

js代码

viewConfig : {
				forceFit : true,
				getRowClass : function(record,rowIndex,rowParams,store){
					//禁用数据显示红色
					if(record.data.zt==0){
						return 'x-grid-record-red';
					}else{
						return '';
					}
					
				}
			},

评论

8 楼 atian25 2009-08-05  

http://extjs.com/learn/Ext_FAQ_Grid#How_To_modify_the_styling_of_a_row
http://extjs.com/learn/Ext_FAQ_Grid#Styling_a_Grid

7 楼 ymuzi 2009-08-04  

.x-grid-record-red table{  
    color: #FF0000;  
}
改为
.x-grid-record-red table{  
    background: #FF0000;  
}
不就是背景色了

6 楼 379548695 2009-02-06  

谢谢楼上我没注意到

5 楼 bbcbbs 2009-01-19  

这个是一般情况下,如果你配置了view: new Ext.grid.GroupingView({
这样的话 viewConfig:/*BEGIN*/ {里添加此函数就不起作用了,要把函数放到view: new Ext.grid.GroupingView({里.

感谢楼住,特此补充.

例如:
items: [{
                        title: '收款信息',
                        layout: 'form',
                        defaults: {
                            width: 230
                        },
                        defaultType: 'textfield',
                        xtype: "grid",
                        id: 'vssk',
                        border: false,
                        viewConfig:/*BEGIN*/ {
                            forceFit: true
                        }/*END*/,

                        ds:/*BEGIN*/ girdStoreA /*END*/,
                        view: new Ext.grid.GroupingView({
                            forceFit: true,
                            groupTextTpl: '{text} ({[values.rs.length]} {["条 共"]}{[values.rs[0].data.psum]} 元)',
getRowClass : function(record,rowIndex,rowParams,store){  
                    //禁用数据显示红色  
                    if(record.data.pstate!=0){
return 'x-grid-record-red';  
                    }else{
return '';  
                    }  
                      
                } //end for getRowClass 
                            //startCollapsed: true
                        }),
                        cm:/*BEGIN*/ new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), {
                            header: 'ID',
                            width: 40,
                            sortable: false,
                            dataIndex: 'pid',
                            hidden: true
                        },{
                            header: '收款日期',
                            width: 12,

4 楼 llying 2009-01-16  

正好用上了 多谢 ~~~~！
不知道如果我想改变整个表格的字体大小如何设置

3 楼 agojava 2009-01-11  

很好！thx

2 楼 379548695 2009-01-09  

Oscar558 写道

用上了。
那请问要怎么设置某列的背景色呢？（是背景色，不是字体色）

列的背景色请看参考这个


http://379548695.iteye.com/blog/313709

1 楼 Oscar558 2009-01-09  

用上了。
那请问要怎么设置某列的背景色呢？（是背景色，不是字体色）