`
zdlly617
  • 浏览: 8576 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

关于Ext4.2中Grid的行背景色问题已经得到解决

    博客分类:
  • ext
阅读更多
   关于Ext中Grid的背景色在各个版本中的实现方式,如果你的应用中不引用用ext自己提供的css的话,那么以下解决方式部分对你起作用:

  在Ext4.0以下可以使用的方式:
  http://www.sencha.com/forum/showthread.php?253998-Grid-row-color-with-getRowClass-is-not-working

http://skirtlesden.com/articles/styling-extjs-grid-cells

对于Ext4.2来说以下方式可能要变更一下:需要变更的紧紧是css处的变更,必须前面添加'tr',z这样一来就提高了该css的重要性,因此会覆盖其他的颜色。

tr.x-grid-record-red .x-grid-td {
background: #ADDFF3;
}

JS处的代码如下:

viewConfig: {
loadMask: false, //这个是屏蔽加载该grid的时候,屏幕中出现的“loading..”图标
getRowClass: function(record, rowIndex, rowParams, store){
  if (record.get("pluginId") == "1505") {        
     return 'x-grid-record-red';
  } else {
     return '';
  }
    }
}


1
2
分享到:
评论
1 楼 huangningren 2014-07-29  
找了好久才找到解决方案!!

相关推荐

    ext 4.2 grid导出excel 文件

    - 前端JavaScript(如`gridToExcel.js`)收集grid中的数据,并发送请求到后端(可能通过`S0616.jsp`)。 - 后端接收到请求,使用`GridToExcel.java`中的逻辑将数据转化为Excel格式。 - 如果直接返回给前端,前端会...

    Ext Js 4.2 中文 API

    前端开发技术ExtJs 4.2 中文API,网页形式描述,使用者可以输入关键字查找描述信息,传入参数信息等。

    Ext4.2 核心包

    以下是关于Ext4.2文件系统和其在Linux中的应用的一些关键知识点: 1. **文件系统结构**:Ext4.2继承了Ext3的目录和文件结构,包括inode(存储文件元数据)和block(存储文件内容)的概念。但它引入了新的特性,如更...

    ext4.2MVC 范例代码

    EXT4.2 MVC范例代码主要展示了如何在编程中应用EXT4.2框架与MVC(Model-View-Controller)设计模式相结合的方式进行项目开发。EXT4.2是一款流行的JavaScript库,专门用于构建富客户端应用程序,它提供了丰富的UI组件...

    Ext4.2 MVC 实例 源码

    Ext4.2 MVC 实例 源码 grid tree layout。。。

    Ext中的Grid控制纵向滚动条单次滚动量

    在Ext JS这个强大的JavaScript框架中,Grid Panel是用于展示数据的常用组件,它支持大量数据的分页和排序。在处理大数据集时,Grid往往会出现纵向滚动条,以方便用户浏览表格内容。当数据行数非常多时,用户可能希望...

    ext4.2.jsb2 智能提示文件

    ext4.2.jsb2 智能提示文件

    EXT.js4.2实战

    7. **调试技巧**:掌握调试技巧,能快速定位和解决EXT.js4.2应用中的问题。 #### 结论 EXT.js4.2是一个功能强大的前端框架,适合用来构建复杂的Web应用程序。掌握该框架的核心特性及实战技巧,对于提高开发效率和...

    ext4.2登陆界面

    "是对我之前发布的《ext4.1简单的登陆界面》的升级和简化",这表明开发者可能已经有一个使用ExtJS 4.1实现的基础版本,现在通过4.2版本进行优化,可能涉及改进界面设计、增强用户体验或者修复已知问题。"调整login....

    Ext4.2可增删树例子

    Ext4.2可增删树例子是一个针对Ext框架的扩展,特别优化了对树形结构进行动态添加和删除节点的功能。在传统的Ext中,一旦树结构建立,其leaf属性(表示节点是否为叶子节点)通常是静态的,不易于在运行时进行修改。...

    ext4.2 完整包

    ext4.2.1 完整包资料文档下载。

    Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法

    在Ext JS库中,`Ext.grid.plugin.RowExpander`是一个扩展插件,用于在网格行中添加可展开的详情区域。在Ext4.2版本中,用户可能遇到一个特定的问题,即`RowExpander`的`collapsebody`和`expandbody`事件无法正常触发...

    ext4.2文档

    【标题】"ext4.2文档"所涉及的是Linux文件系统中的一种,即EXT4(Fourth Extended File System)。EXT4是EXT3文件系统的后继者,设计时考虑了更大的存储需求和更高的性能。它在现代Linux发行版中广泛使用,为用户...

    Extjs4.2 Grid filter Demo 表格过滤实验

    这是利用sencha cmd 生成的GridFilterDemo工程中的app和build文件夹,其余文件过大并且与主题无关,因此未包含。具体方法,请参看我的博客: 《Extjs4.2 Grid Filter Feature 表格过滤特性》

    Ext JS 4.2.6.1811主题classic

    在Ext JS 4.2.6.1811中,经典主题可能包含以下关键特性: 1. **响应式布局**:虽然经典主题的设计主要是面向桌面应用,但4.2.x版本已经开始考虑移动设备的适应性,通过使用响应式布局策略,使得应用程序可以在不同...

    ext-4.2.3.1477

    而`ext-all.js`和`ext-all-rtl.js`是生产版本,已经过压缩和优化,适合部署在生产环境中。 5. **文档与示例**:`release-notes.html`通常包含版本更新的具体说明,列出了所有修复的Bug和新增的功能,是开发者了解...

    ext4.2 目录树

    由于项目的需要最近在学习ext,在项目中必不可少用到了tree,并且要对tree进行增、改、删的操作。上网找了很多不错的学习资料把这些功能组织在一起。在学习ext的过程中花了不少时间,我想很多网友刚开始学习ext的...

    ext-4.2.1.883.jsb2

    从spket IDE 官网下载。 文件名: ext-4.2.1.883.jsb2 对应版本ext-4.2.*版本。spket自动提示ExtJs4,需要ext4.2.1.jsp2文件。

    ext4.2学习之路

    ### ext4.2学习之路:深入理解Ext JS 4.2框架 #### 一、Ext JS 4.2概述 Ext JS是一款强大的企业级富客户端Web应用程序开发框架,基于JavaScript和HTML5技术,用于构建高性能的桌面和移动Web应用程序。Ext JS 4.2...

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

    通过以上步骤,我们不仅学习了如何在ExtJS 4.2中根据不同数值设置TabPanel中GridPanel行的背景颜色,而且还了解了如何利用CSS和JavaScript结合来实现灵活多变的界面效果。这种方法不仅适用于数值类型的数据,还可以...

Global site tag (gtag.js) - Google Analytics