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>