Heim >Web-Frontend >js-Tutorial >extjs grid设置某列背景颜色和字体颜色的实现方法_extjs

extjs grid设置某列背景颜色和字体颜色的实现方法_extjs

WBOY
WBOYOriginal
2016-05-16 18:20:05826Durchsuche

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 '';
}
}
},
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn