extjs grid设置某列背景颜色和字体颜色的实现方法
更新时间:2010年09月06日 12:10:58 作者:
extjs grid设置某列背景颜色和字体颜色的实现步骤,需要的朋友可以参考下。
css代码:
.x-grid-back-red {
background: #FF0000;
}
js代码:
{
header : '分成类型',
dataIndex : 'divideType',
renderer : function(v,m){
m.css='x-grid-back-red';
return v;
},
width : 60
}
或者直接这样写也可以
{
header : '编号',
dataIndex : 'fcId',
css : 'background: #FF0000;',
width : 40
}
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 '';
}
}
},
复制代码 代码如下:
.x-grid-back-red {
background: #FF0000;
}
js代码:
复制代码 代码如下:
{
header : '分成类型',
dataIndex : 'divideType',
renderer : function(v,m){
m.css='x-grid-back-red';
return v;
},
width : 60
}
或者直接这样写也可以
复制代码 代码如下:
{
header : '编号',
dataIndex : 'fcId',
css : 'background: #FF0000;',
width : 40
}
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 '';
}
}
},
相关文章
ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport
ExtJs 学习笔记基础篇 面板的使用(Ext.Panle、Ext.TabPanel、Ext.Viewport)2008-12-12
解决Extjs 4 Panel作为Window组件的子组件时出现双重边框问题
Extjs的Panel和Window等组件在默认情况下是带边框的,通常情况下,单独使用没有什么关系,但是将Panel作为Window组件的子组件时就会出现双重边框的现象于是想办法将两重边框去掉,变成单边框,感兴趣的朋友可以了解下2013-01-01


最新评论