extjs grid行背景设置颜色

冷不防 2022-09-26 01:45 432阅读 0赞

效果图:

Center

源码:

Ext.define(‘V5.digao.view.Grid’, {
extend : ‘Ext.grid.Panel’,
columnLines : true,
xtype : ‘cxbGrid’,
border : 0,
id : ‘cxb’,
viewConfig:{getRowClass:changeRowClass},
store : Ext.create(‘Ext.data.Store’, {
fields : [‘ywzl’,’ywdy’,”digao”, “creator”, ‘status’,’wt’,’gz’,’jy’],
data : [{
‘ywzl’:’业务条线1’,

…………………………………………………………………………………………..

……………………………………………………………………………………………..

function changeRowClass(record, rowIndex, rowParams, store){
if(record.get(‘status’) == ‘未创建’){
return “x-grid-black”;
}
if(record.get(‘status’) == ‘草稿’){
return “x-grid-red”;
}
if(record.get(‘status’) == ‘审计完成’){
return “x-grid-record-green”;
}
if(record.get(‘status’) == ‘审批退回’){
return “x-grid-record-yellow”;
}
}

设计自定义样式:

tr.x-grid-black .x-grid-td{
background:gray;
}

tr.x-grid-red .x-grid-td{
background:red;
}

tr.x-grid-record-green .x-grid-td {
background:green;
}

tr.x-grid-record-yellow .x-grid-td {
background: yellow;
}

添加自定义样式

V5

<script src=”../../../extjs/locale/ext-lang-zh_CN.js” chars

发表评论

表情:
评论列表 (有 0 条评论,432人围观)

还没有评论,来说两句吧...

相关阅读