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>
复制代码 代码如下:
<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>
您可能感兴趣的文章:
- ExtJs中gridpanel分组后组名排序实例代码
- Extjs4实现两个GridPanel之间数据拖拽功能具体方法
- ExtJs设置GridPanel表格文本垂直居中示例
- Extjs4 GridPanel 的几种样式使用介绍
- Extjs4 GridPanel的主要配置参数详细介绍
- Extjs中的GridPanel隐藏列会显示在menuDisabled中解决方法
- Extjs EditorGridPanel中ComboBox列的显示问题
- Extjs gridpanel 出现横向滚动条问题的解决方法
- ExtJs GridPanel简单的增删改实现代码
- ExtJS 2.0 GridPanel基本表格简明教程
- JavaScript的Ext JS框架中的GridPanel组件使用指南