ext js 4.0 grid表格根据列值的不同给行设置不同的背景颜色

简介: Code: Ext.create('Ext.grid.Panel', { ... viewConfig: { getRowClass: function(record) { return record.
Code:
Ext.create('Ext.grid.Panel', { ... viewConfig: { getRowClass: function(record) { return record.get('age') < 18 ? 'child-row' : 'adult-row'; } } });

  

Code css样式:
 
 
 .child-row .x-grid-cell { background-color: #ffe2e2; color: #900; }
 .adult-row .x-grid-cell { background-color: #e2ffe2; color: #090; }

  


 
 
ext 4.0.7版本用以上方法才可以改变行背景颜色。
使用一下方式的css在ext 4.0.7版本中无效:
.child-row { background-color: #ffe2e2; color: #900; } .adult-row { background-color: #e2ffe2;
目录
相关文章
|
3月前
|
JavaScript 前端开发
【Vue.js】使用ElementUI搭建动态树&数据表格与分页
【Vue.js】使用ElementUI搭建动态树&数据表格与分页
51 0
|
17天前
|
JavaScript 前端开发 Java
MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 以及 Ext JS。
MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 和 Ext JS 都是 JavaScript 框架,用于开发 Web 应用程序。它们分别提供了不同的功能和特性,以帮助开发者更高效地构建和维护 Web 应用程序。
11 2
|
21天前
|
移动开发 前端开发 JavaScript
H5+CSS3+JS逆向前置——HTML2、table表格标签
H5+CSS3+JS逆向前置——HTML2、table表格标签
14 0
|
1月前
|
JavaScript
如何用JS实现表格隔行换色功能
如何用JS实现表格隔行换色功能
15 0
|
1月前
|
JavaScript
JS购物车或表格中减号按钮无法响应的问题
JS购物车或表格中减号按钮无法响应的问题
|
2月前
|
JavaScript
JS导出表格
JS导出表格
|
2月前
|
JavaScript
JS设置键盘快捷键、组合键
JS设置键盘快捷键、组合键
|
2月前
|
JavaScript 前端开发
设置Angular路径别名用于ts、js、scss、less
设置Angular路径别名用于ts、js、scss、less
|
2月前
|
JavaScript 前端开发
设置Vue路径别名用于ts、js、scss、less
设置Vue路径别名用于ts、js、scss、less
|
2月前
|
JavaScript 前端开发 容器
js使用表格生成一个日历,点击按钮上查看上个月,点击按钮下,查看下个月,月份,年份
js使用表格生成一个日历,点击按钮上查看上个月,点击按钮下,查看下个月,月份,年份
34 0

相关产品

  • 云迁移中心