原帖地址:http://hi.baidu.com/zkban/blog/item/8019380f83b345f9aa645770.html
Ext 修改grid行或者列的背景颜色和字体颜色
文章分类:Web前端
修改某一列的背景颜色和字体颜色
css代码
.x-grid-back-red { background: #FF0000; //修改背景颜色 color:#000000; //修改字体颜色 }
JS代码
{ header : '分成类型', dataIndex : 'divideType', renderer : function(v,m){ m.css='x-grid-back-red'; return v; }, width : 60 }
或者直接这样
{ header : '编号', dataIndex : 'fcId', css : 'background: #FF0000;color:#000000', width : 40 }
修改某一行的背景颜色和字体颜色
css代码
.x-grid-record-red { background: #FF0000; //修改背景颜色 color:#000000; //修改字体颜色 }
JS代码
直接在grid中设置viewConfig属性
viewConfig : { forceFit :true, getRowClass : function(record,rowIndex,rowParams,store){ //禁用数据显示红色 if(record.data.limitType=='1' && record.data.isLeaf=='N'){ return 'x-grid-record-red'; }else{ return ''; } } }
或者为grid添加load方法
grid.getStore().on('load',function(s,records){ var girdcount=0; s.each(function(r){ if(r.get('10')=='数据错误'){ grid.getView().getRow(girdcount).style.backgroundColor='#F7FE2E'; } girdcount=girdcount+1; }); });
相关推荐
EXT中根据返回的grid中的状态列的内容来改变这一行显示的背景颜色
用于Ext开发Grid中遇到的所锁列的问题,这个很有帮助
找了半天,结果在extjs的老家找到一个前辈写的代码,可以在grid上面加上合计, <br>但是却只能合计grid里面的数据,但是我们平常一般是只显示20行或者30行,这样的合计就没有什么意义,我们的合计数据是单独从...
Ext grid 动态添加字段、列扩展, 如何动态添加或者删除一个grid的列
ext grid 根据条件指定行颜色,比如总分大于90分行显示为红色
css代码: 代码如下: .x-grid-back-red { background: #FF0000; } js代码: 代码如下: { header : ‘分成类型’, dataIndex : ‘divideType’, renderer : function(v,m){ m.css=’x-grid-back-red’; return v; }, ...
Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分...
http: www extgrid com extgrid 是一款jquery上的gird插件 界面风格采用了类似easyui extjs 界面风格样式 可通过...extgrid具有列大小 位置改变 排序 分组 分页 工具栏 扩展行 rowNumber 多选列 编辑列 行列 [更多]
Ext修改GridPanel数据和字体颜色等,不是单指EditGridPanel 首先获取选中的行(当然也可以获取单元格): 代码如下: var selectedRow = grid.getSelectionModel().getSelected(); 修改设置: 代码如下: selectedRow....
本人成功实现的一个合并列的例子,希望对大家有帮助
Ext4 grid打印,打印预览,复杂表头打印,等等都实现了!
EXT GRID使用EXT GRID使用 EXT GRID使用EXT GRID使用
css代码: 代码如下: .x-grid-back-red { background: #FF0000; } js代码: 代码如下: { header : ‘分成类型’, dataIndex : ‘divideType’, renderer : function(v,m){ m.css=’x-grid-back-red’; return v; }, ...
我的资源不需要积分 EXT2.0 GRID 示例 很实用
Ext.grid.ColumnModel显示不正常
Ext自定义Grid Cell插件,使用此插件可以在Grid空间的Cell单元格中插入指定的控件
Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码
EXT支持GRID中文排序 主要是重写排序的方法
这两天项目需要,临时做了一个,没有封装,该grid可以实现列和行的自定义添加和删除,包括修改标题,以及列的右击添加事件。希望对你们有所帮助!双击列名可以对列名进行修改,右键列名可以选择左侧和右侧添加列以及...