ext中根据grid中当前row的内容设置row的背景色

最新推荐文章于 2021-02-01 03:24:01 发布
最新推荐文章于 2021-02-01 03:24:01 发布
阅读量493 收藏 1
点赞数
分类专栏： Ext.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Sukla/article/details/76576311
版权

在EXT表格中有一些行需要被作废，需要用代表作废的颜色来作为这一行的背景色，方便用户阅读

首先，定义一个代表作废的颜色，例如


然后设置grid的viewConfig


这是我的状态列以及数据



来看下效果，如果是要作废的，应该显示一个淡黄色背景



Sukla
关注
专栏目录
Extjs根据条件设置表格某行背景色
The magic of fingertips
07-16 4594
话不多说，贴上代码 html代码： .my_row_class{ background:gray;} js代码,其中应-----隔开的代码即为关键代码，自己分析吧： Ext.onReady(function(){ Ext.QuickTips.init(); Ext.state.Manager.setProvider(new E
ext grid 根据条件指定行颜色
05-20
ext grid 根据条件指定行颜色,比如总分大于90分行显示为红色
wpf 和silverlght中都可以rowdetailstemplate
Mark
05-28 1435
rowdetailstemplate 中可以显示一些详细的信息 这个属性比较的重要：RowDetailsVisibilityMode，这个属性可以设置  在什么情况下显示 详细信息 
Ext简单的一个RowEditor例子（C#）
sky08050025的专栏
08-10 5951
先上图，一个很简单的RowEditor的实现，如下图所示： 此实现，是根据ext-3.2.0/ux/RowEditor.js实现的，具体代码如下： 页面引用东西如下： .icon-user-add
ext 双击行事件
sanshou的专栏
09-11 1830
定义双击事件 var onrowdoubleclick=function(grid,index,e){         var selectionModel=grid.getSelectionModel();         var record=selectionModel.getSelected();         window.opener.addcode(record.get
Ext grid 改变行背景色
Ellie
05-29 2198
有时候我们会要求改变grid的某一行背景颜色，根绝特定的条件，这时候可以用viewConfig这个方法。 Ext.util.CSS.createStyleSheet('.ts {background:#9a9a9bc2;}');//单独创建css样式 { xtype: 'gridbase', region: 'n...
EXT grid中根据每一行的状态列内容来让当前行显示不同的背景颜色
08-02
在本教程中，我们将深入探讨如何实现"EXT grid中根据每一行的状态列内容来让当前行显示不同的背景颜色"。 首先，我们需要理解EXT Grid的基本结构。EXT Grid由多个组件组成，包括Store（数据存储）、Model（数据模型...
Extjs根据条件设置表格某行背景色示例
10-25
根据上述代码，假设我们想将价格变化为负数的行背景色设置为特定的颜色，就可以在price列的配置中使用priceChange渲染器，并在其中添加条件判断逻辑。如果价格变化为负数，则应用"my_row_class"样式到当前行。由于...
ext grid 合并行
08-17
在EXT JS框架中，Grid组件是一种非常常用的展示数据表格的方式，它提供了丰富的功能和灵活性。在某些场景下，用户可能需要合并行或列以更好地组织和呈现数据，例如在显示汇总信息或者创建复杂的报告时。"ext grid ...
Ext修改GridPanel数据和字体颜色、css属性等
09-04
在Ext JS这个强大的JavaScript框架中，GridPanel是一个非常重要的组件，用于展示数据并提供交互功能。在实际开发中，我们经常需要对GridPanel的数据、字体颜色以及CSS样式进行自定义，以满足各种业务需求。本篇文章...
使用grid必须使用实现四个方法store、reader、column、grid
02-27 348
  js文件内容 Ext.onReady(function() { var store = new Ext.data.Store( { proxy : new Ext.data.HttpProxy( { url : 'queryAllAction.action',//★连接控制器，执行查询获得数据源 method : 'GET' }), reader...
Extjs grid设置单元格字体颜色，及单元格背景色
热门推荐
全欣 的专栏
09-03 2万+
转自：http://blog.csdn.net/suixufeng/article/details/7480170 上面这种是最简单的，设定固定的某单元格中字体颜色。 [javascript] view plaincopy //--------------------------------------------------列头    var cm = new
extjs grid行背景设置颜色
祥子的博客
09-14 1万+
效果图： 源码： Ext.define('V5.digao.view.Grid', { extend : 'Ext.grid.Panel', columnLines : true, xtype : 'cxbGrid', border : 0, id : 'cxb', viewConfig:{getRowClass:changeRowClass}, store : Ext.
extjs grid 整行变颜色_Ext 修改grid行或者列的背景颜色和字体颜色(来自网络)
weixin_36078790的博客
02-01 892
.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...
Ext4.1.1使用rowexpander
jinyulong84的博客
09-21 1271
这个RowExpander到底在什么地方，找了半天，在extjs-4.1.1\examples\ux下，然后拷出来到程序目录下，在主页面中引入。 然后在主grid页面引用Ext.require([ 'Ext.grid.*', // not needed with ext-all, -debug 'Ext.data.*', // not needed with ext-all,
ext中对RowExpander的使用
silence1214的专栏
12-27 6844
之前看到过例子这样来用，的确很方便，今天根据自带的例子来看了下，我说下怎么来使用。 1：需要引入RowExpander.js这个文件，否则在使用的时候会出现Ext.ux.grid is undefined 的错误。这个文件在下载后的example中可以找得到，在ux文件夹下。 2： 2.1：定义expander： var expander = new Ext.ux.grid.RowExpa
Ext Js 3.2中设置行的颜色
张波的技术积累
08-06 3082
1：程序代码 <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServe
extjs中grid改变行颜色及动态添加组件
priestmoon的专栏
06-15 2346
1. grid改变行颜色 Ext.onReady(function() {     var grid=Ext.getCmp('gp');     grid.getStore().on('load',function(s,records){         var girdcount=0;         s.each(function(r){             if(r.get(
EXT中文手册全面指南：开发必备与核心内容详解
EXT中文手册是一份全面介绍EXT框架的中文指南，由pjq于2008年整理编纂。EXT是一款流行的JavaScript库，特别适用于开发高效、可扩展的Web应用程序。手册主要分为以下几个部分： 1. **前言**：说明手册内容来源于...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值