ExtJS GridPanel 根据条件改变字体颜色
程序员文章站
2022-06-17 18:41:51
1、在gridpanel中加入gridview 复制代码 代码如下:
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>
复制代码 代码如下:
<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>
上一篇: 腾讯云 轻量服务器 体验