`
379548695
  • 浏览: 155533 次
  • 性别: Icon_minigender_1
  • 来自: 河南郑州
社区版块
存档分类
最新评论

extjs grid设置某列背景颜色

阅读更多
效果




css代码
.x-grid-back-red {
	background: #FF0000;
}


{
			header : '分成类型',
			dataIndex : 'divideType',
			renderer : function(v,m){
				m.css='x-grid-back-red';
				return v;
			},
			width : 60
		}


或者直接这样写也可以

{
			header : '编号',
			dataIndex : 'fcId',
			css : 'background: #FF0000;',
			width : 40
		}


  • 大小: 8.2 KB
分享到:
评论
1 楼 agojava 2009-01-11  
支持一下!

相关推荐

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

    以下就是EXTJS Grid设置某列背景颜色和字体颜色的方法。 1. **设置列背景颜色**: 我们可以通过`renderer`函数来实现这一功能。`renderer`是一个在数据渲染到单元格之前被调用的回调函数,它允许我们对数据显示...

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

    在实际应用中,我们可能需要根据数据的状态或者特定条件来改变某一列或某一行的背景颜色和字体颜色,以突出显示某些信息。下面将详细解释如何在EXTJS Grid中实现这一功能。 首先,我们要理解EXTJS Grid中的`...

    修改grid行或列颜色

    2. **列颜色修改**:通过 `ColumnModel` 的 `renderer` 属性指定自定义渲染器,可以在单元格级别上设置背景颜色。 3. **灵活性与可扩展性**:这种方式不仅可以让Grid更具可读性,而且易于维护和扩展。比如可以通过...

    Extjs4.2 根据不同的数值设置tabpanel行的背景颜色

    ### Extjs4.2 根据不同的数值设置 TabPanel 行的背景颜色 #### 一、引言 在Web应用程序开发中,为了提高用户体验并使数据呈现更加直观易懂,开发者常常需要根据数据的不同状态来调整UI元素的样式。例如,在使用...

    EXTJS单元格变色、行变色

    如果value大于80且小于100,则行的背景颜色为“x-grid-back-above80”;否则,行的背景颜色为“x-grid-back-100”。 实现单元格变色和行变色的步骤 要实现单元格变色和行变色,需要按照以下步骤进行: 1. 首先,...

    ExtJS4 Grid改变单元格背景颜色及Column render学习

    利用的是Column的render 先看效果图: 代码如下: 代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0... <head> <...link href=”../extjs-4.1.0/resources/css/ext-all.css” rel=”stylesheet” typ

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

    在这个示例中,我们将会看到如何使用Extjs为表格的某行设置背景色。 首先,我们需要在HTML文件中引入必要的Extjs资源。在示例代码中,首先通过标签引入了Extjs框架的样式文件,通过标签引入了基础和全部的Extjs脚本...

    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改变表格的颜色

    对于偶数行,背景色设置为淡紫色(`#F1E1FF`),实现了交替行颜色的效果。然后,我们检查每行的`state`属性,如果状态是“未审核”,背景色设为红色(`#FF2D2D`);如果是“通过审核”,背景色设为绿色(`#02C874`)...

    改变gridpanel的行颜色

    当数据被加载到GridPanel中时,我们可以通过定义特定的CSS类并结合renderer函数来改变特定列的背景颜色。以下是一个示例: ```javascript // 定义一个样式(以红色背景为例) .x-grid-back-red { background: #FF...

    extjs 列表基本操作

    在回调函数中,我们可以检查每一行的数据,如果满足特定条件,就使用CSS样式来改变行的背景颜色。例如,可以使用`Ext.util.CSS.createClass`创建新的CSS类,并在满足条件的行上应用这个类。 三、列表动态获取列 ...

    ext grid 根据条件指定行颜色

    /* 设置背景颜色为绿色 */ } ``` 这里的CSS定义了两种不同的颜色样式: - `.x-grid-record-red`:当`mat_total`小于`waring_count`时,行的字体颜色变为红色。 - `.x-grid-record-green`:当`mat_total`不小于`...

    extjs 04_grid 单击事件新发现

    此外,我们还可以直接通过Grid的`getView()`方法来改变单元格的样式,例如在单元格被点击后更改其背景色和字体颜色: ```javascript grid.getView().getCell(rowIndex, columnIndex).style.backgroundColor = "#FF...

    ExtJsExtJsExtJsExtJsExtJsExtJs

    ` 设置了背景颜色为透明。 通过这样的设置,可以使得选择器具有更加直观和美观的显示效果。 ### 总结 本文介绍了ExtJs框架的基本概念,并详细分析了如何通过CSS来定制Grid组件的样式。通过对`.x-grid3-rowtd`、`....

    extjs_ux_GroupHeaderGrid_GroupHeaderPlugin_-1.4

    这个插件主要用于实现ExtJS Grid组件中的多列头和列头合并,以增强数据展示的可读性和结构化。 GridHeader插件是ExtJS中用于扩展Grid面板功能的一个工具,它允许你在表头中创建分组列,即多个列可以组合成一个大的...

    Extjs & Ext.net中的一些属性

    - `style.backgroundColor`: 改变元素背景颜色。 - `draggable`: 控制元素是否可拖动。 - `tabPanel.getActiveTab`: 获取当前活动的标签页。 #### 7. 动态行为 - `listeners`: 监听器属性,可以添加多种事件监听,...

Global site tag (gtag.js) - Google Analytics