ExtJS GridPanel 根据条件改变字体颜色

304 阅读 0 评论 201 点赞

我是靠谱客的博主机灵咖啡，这篇文章主要介绍ExtJS GridPanel 根据条件改变字体颜色，现在分享给大家，希望可以做个参考。

1、在GridPanel中加入GridView

复制代码代码如下:

 
<View> 
<ext:GridView ID="GridView1" runat="server"> 
<GetRowClass Fn="setRowBg" /> 
</ext:GridView> 
</View> 

2、加入js脚本

复制代码代码如下:

 
<script language="javascript" type="text/javascript"> 
function setRowBg(rd, ri, ro) { 
var zhb,lj,xzh; 
zhb=rd.data.zhb; 
lj=rd.data.lj 
xzh=rd.data.xzh; 
if (xzh=="正向") 
{ 
if (zhb>lj) 
{ 
ro.tstyle = "color: #F57D02; "; 
} 
else 
{ 
ro.tstyle = "background-color:none;"; 
} 
} 
if (xzh=="反向") 
{ 
if (zhb<lj) 
{ 
ro.tstyle = "color: #FFE37E; "; 
} 
else 
{ 
ro.tstyle = "background-color:none;"; 
} 
} 
} 
</script> 