`
zhaohaolin
  • 浏览: 1010914 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

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>
详细出处参考:http://www.jb51.net/article/22420.htm

分享到:
评论

相关推荐

    extjs4中文文档

    8. **主题定制**:EXTJS4允许开发者自定义主题,改变组件的颜色、字体等样式,满足不同项目的需求。 9. **工具栏和菜单**:EXTJS4提供各种工具栏和菜单组件,方便构建应用程序的交互界面。 10. **拖放功能**:...

    Extjs的loading效果

    可以修改`x-mask-msg`和`x-mask`类来改变文字颜色、背景色、边框等属性。例如: ```css .x-mask { background-color: rgba(255, 255, 255, 0.5); } .x-mask-msg { border: 1px solid #ccc; padding: 5px; ...

    EXTJS工程项目

    通过修改SASS(Syntactically Awesome Style Sheets)文件,我们可以调整颜色、字体、布局等视觉元素,以满足特定的品牌风格或用户体验需求。 在实际开发中,EXTJS的“工具”可能指的是EXTJS的开发工具,如Sencha ...

    ExtJs框架系列之ProgressGrid进度条

    ProgressColumn是Ext.ux.grid的一个扩展,它允许你在ExtJs的GridPanel中添加一列专门用于显示进度条。这对于监控任务进度、数据加载状态或者任何需要实时反馈的情况非常有用。下面,我们将详细介绍如何使用...

    ext-3.1.1源码

    EXTJS支持自定义主题和皮肤,允许开发者改变组件的颜色、字体等视觉样式,以适应不同的品牌需求。 9. **国际化支持**: EXTJS 3.1.1提供了多语言支持,开发者可以通过配置文件轻松切换应用的语言。 10. **API...

    extjs控件列表

    ### ExtJS控件详解 #### 基本组件 **Ext.Button** - **描述**: 提供了一种标准的用户交互方式,通常用于触发特定事件或功能。 - **用途**: 创建按钮,可以设置图标、文本、工具提示等。 **Ext.SplitButton** - **...

    GroupHeaderPlugin-1.3.zip

    1. GroupHeaderPlugin.css:这是插件的样式文件,负责定义分组表头的视觉样式,包括颜色、字体、边框等。通过修改这个文件,开发者可以自定义插件的外观,使其更好地融入到项目的整体设计中。 2. GroupHeaderPlugin...

Global site tag (gtag.js) - Google Analytics