`
wengsibo
  • 浏览: 83458 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

改变grid行的背景色

    博客分类:
  • ext
CSS 
阅读更多
在CSS代码中加入
 
 .x-grid-record-red table{  
       color: #FF0000;  
    }  

在GridPanel中加入
viewConfig : {
				autoFill : true,
				getRowClass : function(record,rowIndex,rowParams,store){  
			 //禁用数据显示红色  
			   if(record.get('tradeId')==null || record.get('tradeId') == ''){  
				   return 'x-grid-record-red';  
			   	}else{  
				   return '';  
			   	}  
			   }  
			},
分享到:
评论

相关推荐

    自定义用户控件,根据数据字段改变Grid行背景色

    本篇将详细介绍如何根据数据字段自定义用户控件,以便根据特定条件改变Grid行的背景色,并实现对DataGridCheckBox选中状态的控制。 首先,让我们创建一个自定义用户控件。在Visual Studio中,可以选择“项目”>...

    LigerGrid 行背景颜色设置

    这里,`rowHandler`函数会在每行渲染后被调用,我们通过`dataItem`获取到后台传递的数据,并根据`RowColor`设置对应的行背景色。`tr`是当前行的HTML元素,`css`方法用于修改CSS属性。 最后,项目中的...

    修改grid行或列颜色

    这个函数的作用是在渲染单元格时,根据当前记录中的颜色值 (`VALEUR_PARAM_GESTION_COULEUR`) 设置单元格的背景色。 ```javascript function renderMotif(data, cell, record, rowIndex, columnIndex, store) { var...

    PB数据窗口中行、列、及某一行中的某一列颜色设置

    - 使用`SetRowColor`方法可以动态地改变行的背景色。这个方法接受行号和颜色值作为参数,允许你在运行时改变特定行的颜色。 2. **列颜色设置**: - `columnstyle`属性允许你为每个列定义独特的样式,包括背景色。...

    非常简单易用的girdview鼠标移动或点击的行背景色事件

    当`mouseover`事件触发时,改变行的背景色;当`click`事件触发时,可能需要清除所有行的背景色,然后只设置被点击行的背景色,以达到高亮选中效果。 以下是一个简单的JavaScript实现步骤: 1. 获取GridView的所有...

    Blend 修改 WPFr ComboBox的背景色、字体颜色和下拉背景色

    在本文中,我们将深入探讨如何使用Microsoft Blend工具来修改WPF(Windows Presentation Foundation)ComboBox的背景色、字体颜色以及下拉列表的背景色。Blend是一款强大的设计工具,它为WPF开发者提供了直观的可视...

    WPF Grid 隔行换色

    然后,为`Grid`行定义一个`Style`,并利用`Trigger`根据行号(通过`AlternationIndex`属性获取)改变背景色: ```xml <Style TargetType="Grid"> <!-- 定义两种颜色 --> <!-- 根据AlternationIndex的...

    改变gridpanel的行颜色

    **效果展示**:根据每行的`zy`列的值来改变背景颜色,如“本期合计”行背景色为黄色,“本年累计”行背景色为粉色等。 #### 第三种情况:使用ExtJS本身的颜色渲染效果 ExtJS提供了内置的颜色渲染功能,其中最常见...

    EXTJS单元格变色、行变色

    这个函数将行的背景颜色根据record的WorkingHoursEfficiency字段值进行改变。 fnRowRenderer函数将record的WorkingHoursEfficiency字段值转换为整数,然后根据其值来决定行的背景颜色。如果value小于或等于80,则行...

    EXT grid中根据每一行的状态列内容来让当前行显示不同的背景颜色

    在EXT Grid中,我们经常需要根据数据行的状态来定制显示效果,比如改变行的背景颜色,以便突出显示特定的信息或者引导用户关注关键数据。在本教程中,我们将深入探讨如何实现"EXT grid中根据每一行的状态列内容来让...

    gridcontrol隔行变色、焦点行颜色、改变显示值、固定列

    在GridView的RowCellStyle事件中,根据行索引的奇偶性设置单元格的背景色。例如: ```csharp private void gridView1_RowCellStyle(object sender, DevExpress.XtraGrid.Views.Grid.RowStyleEventArgs e) { if ...

    C#实现改变DataGrid某一行和单元格颜色的方法

    例如,将第2行的高度设为50,背景颜色设为蓝色,如果id值为DBNull,则将背景颜色设为绿色。 ```csharp for (int i = 0; i ; i++) { DataRowView drv = dataGrid1.Items[i] as DataRowView; DataGridRow row = ...

    菜单导航(鼠标点击那个菜单,那个菜单背景颜色改变)

    你可以为所有的菜单项设定一个默认的背景色,然后当鼠标悬停在某个菜单项上时,更改其背景色。例如: ```css .menu li { background-color: #f8f8f8; /* 默认背景色 */ } .menu li:hover { background-color: #...

    GridDemo.zip

    在GridDemo中,开发者可能已经展示了如何通过CSS或MXML来定制Grid的样式,比如改变单元格背景色、文字颜色,甚至自定义列头的图标。 最后,我们关注性能优化。对于处理大量数据的Grid,性能问题不容忽视。Flex提供...

    ext grid 根据条件指定行颜色

    - `.x-grid-record-green`:当`mat_total`不小于`waring_count`时,行的背景颜色变为绿色。 #### 4. 实际应用示例 假设我们有一个成绩表,包含学生的总分和其他相关信息。我们需要根据总分与一个设定的阈值(例如90...

    js实现GridView单选效果自动设置交替行、选中行、鼠标移动行背景色

    在JavaScript和ASP.NET中,实现GridView控件的单选效果,并自动设置交替行、选中行和鼠标移动行的背景色是一项常见的需求。这有助于提高用户界面的可读性和交互性。以下是如何通过JS实现这一功能的详细步骤: 1. **...

    PB自动美化grid风格的dw(grid自动转成tabular)

    - 颜色搭配:合理使用颜色可以增强数据的视觉吸引力,比如背景色、字体色、高亮色等。 - 字体选择:选择易读的字体和大小,考虑不同用户群体的需求。 - 对齐方式:确保数据对齐一致,增加整洁感。 - 布局优化:...

    extjs grid设置某列背景颜色和字体颜色的方法

    有时,我们可能需要根据数据的特定条件来动态地改变Grid中某一列的背景颜色或字体颜色,以便于用户更好地理解和区分数据。以下就是EXTJS Grid设置某列背景颜色和字体颜色的方法。 1. **设置列背景颜色**: 我们...

    网格类Grid

    - **属性设置**:设置Grid控件的属性,如行数、列数、是否可编辑、背景色、字体等。 - **编程接口**:通过MFC(Microsoft Foundation Classes)或其他框架提供的API,可以访问和修改Grid控件的内部数据,实现动态...

    Extjs根据条件设置表格某行背景色示例

    而Extjs在展示表格数据时,可以进行高度的定制化处理,例如根据特定条件来改变表格某一行的背景色。 要实现这样的效果,可以通过Extjs的渲染器(Renderer)功能来实现。渲染器实际上是一个函数,它根据传入的数据...

Global site tag (gtag.js) - Google Analytics