extjs grid设置某行字体颜色及背景色

最新推荐文章于 2021-02-01 03:24:01 发布
最新推荐文章于 2021-02-01 03:24:01 发布
阅读量2.7k 收藏
点赞数
分类专栏： extjs 文章标签： extjs header function table css
转自 http://hi.baidu.com/pure_adoration/blog/item/f95de8f5803d74d3f3d3852a.html

.x-grid-record-red table{
color: #FF0000;
}

viewConfig : {
     forceFit : true,
     getRowClass : function(record,rowIndex,rowParams,store){
      //禁用数据显示红色
      if(record.data.zt==0){
       return 'x-grid-record-red';
      }else{
       return '';
      }
    
     }
    },

=========================背景色

.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
   }

freefan1
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Ext修改GridPanel数据和字体颜色、css属性等
12-07
Ext修改GridPanel数据和字体颜色等，不是单指EditGridPanel 首先获取选中的行（当然也可以获取单元格）： 代码如下: var selectedRow = grid.getSelectionModel().getSelected(); 修改设置： 代码如下: selectedRow.set(“key”,”value”); 修改背景色，首先获取行号，然后获取行的view对象： 代码如下: var selectedIdx = grid.store.indexOf(selectedRow); var selectedView = grid.getView().getRow
extjs grid设置某列背景颜色和字体颜色的方法
10-28
以下就是EXTJS Grid设置某列背景颜色和字体颜色的方法。 1. **设置列背景颜色**： 我们可以通过`renderer`函数来实现这一功能。`renderer`是一个在数据渲染到单元格之前被调用的回调函数，它允许我们对数据显示...
extjs grid设置某行字体颜色 行颜色
牧羊人
05-19 556
[code="css"] .x-grid-record-red table{//字体色 color: #FF0000; } .x-grid-record-green table{ //背景色 background: #00FF00;; } [/code] [code="js"] viewConfig : { forceFit : true, ...
Ext Js 3.2中设置行的颜色
张波的技术积累
08-06 3065
1：程序代码 <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServe
extjs grid设置某行字体颜色
yougucao379548695的专栏
01-09 346
效果 [img]/upload/attachment/67380/b709695b-1b7e-3e6f-b36e-de8c7d4e1979.jpg[/img] css代码 [code="java"] .x-grid-record-red table{ color: #FF0000; } [/code] js代码 [code="js"] viewConfig : {...
extjs grid 整行变颜色_Ext 修改grid行或者列的背景颜色和字体颜色(来自网络)
weixin_36078790的博客
02-01 881
.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}或者直接这样{he...
extjs grid设置某列背景颜色和字体颜色的实现方法
12-09
综上所述，EXTJS Grid提供了丰富的灵活性来定制数据的显示，包括改变列和行的背景色及字体颜色。通过使用`renderer`函数和`getRowClass`方法，我们可以根据业务需求动态地调整Grid的视觉样式，提升用户体验。在实际...
ExtJS GridPanel 根据条件改变字体颜色
10-29
有时我们需要根据特定的业务逻辑来改变表格中某行的字体颜色或者背景色，以便更加直观地向用户展示数据的某些特殊状态。例如，在财务报表中，可能需要根据账目是盈利还是亏损来调整字体颜色；或者在库存管理系统中，...
extjs grid 整行变颜色_Extjs grid设置单元格字体颜色，单元格背景颜色，行背景颜色...
weixin_39889642的博客
12-22 515
Extjs grid设置单元格字体颜色，单元格背景颜色，行背景颜色一.在ColumnModel中用renderer渲染颜色：1.不定义样式：(1).字体颜色：{header:"审核状态",dataIndex:"status",width:100,renderer:function(v){if(v==1){return "审核成功";}else if(v==0){return "等待审核";}}}图...
extjs grid 整行变颜色_ExtJs4学习（十）Grid单元格换色和行换色的方法
weixin_39608118的博客
12-22 397
Grid单元格换色{text:'类别',dataIndex:'type',align:'center',renderer:function(value,metaData){console.log(metaData);if(value==0){metaData.css='x-grid-record-gray';return "注销系统";}else if(value==1){metaData.css...
Extjs根据条件设置表格某行背景色示例
12-08
话不多说，贴上代码 html代码： <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link rel="stylesheet" type="text/css" href="../extjs3/resources/css/ext-all.css" rel="external nofollow" /> <script type="text/javascript" src="../extjs3/adapter/e
Android MenuItem 设置文本颜色-TextColor设置
weixin_34235135的博客
07-27 263
前面一直在寻找 MenuItem文字颜色设置。我发现API唯一的背景颜色设置。。。因此，找到下面的方法。在OverFlow看到。 在onCreateOptionsMenu一下。使MenuItem产生的ItemView去改动文字颜色 @Override public boolean onCreateOptionsMenu(Menu menu) { // Inf...
extjs grid 整行变颜色_ExtJS4.2 Grid知识点四：改变表格Grid行文字颜色,划过Grid行时文字变粗...
weixin_30343429的博客
01-13 391
在ExtJS4.2 Grid知识点一：改变表格Grid单元格文字颜色一文中讲解了如何改变单元格中文字颜色，接下来在本章学习如何改变Grid中整行文字的颜色，这样就不需要为每列单独定义renderer函数，显示结果如图片：实现方式是在Grid中设置viewConfig属性的getRowClass函数，函数参数列表如下：record: 当前待渲染行数据Model，类型为：Ext.data.Modelr...
ExtJS2.0快速入门（二）
东子的博客
09-27 1853
使用Widgets (Widget原意为“小器件”，现指页面中UI控件) 除了我们已经讨论过的核心JavaScript库，当前的Ext亦包括了一系列的最前端的JavaScirptUI组件库。文本以一些常用的widget为例子，作简单的介绍。 MessageBox 比起略为沉闷的“HelloWolrd”消息窗口，我们做少许变化，前面我们写的代码是，单击某个段落便会高亮显示，现在是单击
Extjs grid设置单元格字体颜色，及单元格背景色
热门推荐
全欣 的专栏
09-03 2万+
转自：http://blog.csdn.net/suixufeng/article/details/7480170 上面这种是最简单的，设定固定的某单元格中字体颜色。 [javascript] view plaincopy //--------------------------------------------------列头    var cm = new
Ext给GridPanel上指定的行制定颜色
zhangshengboy的专栏
09-03 2318
InventoryGrid = new Ext.grid.GridPanel({   id: "InventoryGrid",   store: InventoryStore,   sm: sm,   cm: cm,   loadMask: true,   autoS
grid 单元格和行变色
周厉的技术人生
05-13 1992
在对列表的处理中我们经常要对某些特殊字段或特殊行进行标注，这就需要变色的处理。 定义颜色 .x-grid-record-red { background: #FF0000; } .x-grid-record-yellow { background: #f1c40f; } .x-grid-record-gree
ExtJS Grid 改变单元格背景颜色的方法
最新发布
05-27
要改变ExtJS Grid中单元格的背景颜色，可以通过在单元格renderer函数中设置样式来实现。具体步骤如下： 1.在Grid的columns中设置renderer函数，例如： ``` { text: '状态', dataIndex: 'status', renderer: function(value, metaData, record, rowIndex, colIndex, store, view) { if (value == '正常') { metaData.style = 'background-color:green;color:white;'; } else { metaData.style = 'background-color:red;color:white;'; } return value; } } ``` 2.在renderer函数中根据单元格的值设置样式，例如上述代码中当单元格的值为正常时，将背景颜色设置为绿色，字体颜色设置为白色；当单元格的值不为正常时，将背景颜色设置为红色，字体颜色设置为白色。 注意：在renderer函数中，通过metaData对象来设置单元格的样式，其中style属性用于设置样式，可以设置背景颜色、字体颜色等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值