论坛首页 Web前端技术论坛

extjs grid设置某行字体颜色

浏览 15427 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (7) :: 隐藏帖 (0)
作者 正文
   发表时间:2009-01-09   最后修改:2009-01-09
效果


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 '';
					}
					
				}
			},



  • 大小: 4.6 KB
   发表时间:2009-01-09  
用上了。
那请问要怎么设置某列的背景色呢?(是背景色,不是字体色)
0 请登录后投票
   发表时间:2009-01-09  
Oscar558 写道
用上了。
那请问要怎么设置某列的背景色呢?(是背景色,不是字体色)


列的背景色请看参考这个


http://379548695.iteye.com/blog/313709
0 请登录后投票
   发表时间:2009-01-16  
正好用上了 多谢 ~~~~!
不知道如果我想改变整个表格的字体大小如何设置
0 请登录后投票
   发表时间: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,


1 请登录后投票
   发表时间:2009-02-06  
谢谢楼上我没注意到
0 请登录后投票
   发表时间:2009-08-04  
.x-grid-record-red table{  
    color: #FF0000;  
}
改为
.x-grid-record-red table{  
    background: #FF0000;  
}
不就是背景色了
0 请登录后投票
   发表时间:2009-08-05   最后修改: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
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics