软件开发培训班 >> 编程开发 >> JavaScript


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

　　本文标签：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>