extjs grid 怎么改变行的颜色?

在数据加载完后,根据值改变行颜色,不要viewconfig 那个只有初始化才用的。

1个回答

按钮触发还是什么?配置viewConfig,然后加一个特殊样式,如

             getRowClass: function (record, rowIndex, rowParams, store) {
                if (record.data.price>40) {
                    return 'row-'+record.get('id列');
               }
            }

然后你需要更改哪行的id,自己用Ext.query('tr.row-'+此行的id),得到dom数组,然后自己修改样式

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
extjs grid由数据的值改变行颜色
rnrnvar merchantsGrid = new Ext.create("Ext.grid.Panel", rntbar: toolbar,rnstore: merStore,rnregion: "center",rnselModel: new Ext.selection.CheckboxModel(), //增加复选框rncolumns: [rn// text: "商家ID", dataIndex: "mer_id", sortable: true, flex: 0.5 ,rn text: "合作时间", dataIndex: "mer_cooperation", sortable: true, flex: 1 ,rn text: "缴费时间", dataIndex: "mer_paytime", sortable: true, flex: 1 ,rn text: "缴费金额", dataIndex: "mer_paymoney", sortable: true, flex: 1 ,rn],rnviewConfig: rnforceFit: true,rnsortAscText: '正序',rnsortDescText: '降序',rngetRowClass: function (record, rowIndex, rowParams, store) rnrn var curDate = new Date();rn var time1 = Ext.Date.format(curDate, "Y-m-d");rn var time2 = record.data.mer_paytime;rn var tmpBeginTime = new Date(time1.replace(/-/g, "\/")); //时间转换rn var tmpEndTime = new Date(time2.replace(/-/g, "\/")); //时间转换rnrn for (i = 0; i < total; i++) rn if ((tmpEndTime - tmpBeginTime) / (1000 * 60 * 60 * 24) <= 3) rn return my_row_Red; // merchantsGrid.getView().getRow(gridcount).style.backgroundColor = "#ffff00";rn rn rn rn ,rnrn);rnrnvar total = merchantsGrid.getStore().getCount(); //数据行数rnrnrn本人想要实现 在缴费时间前3天开始,满足条件的行数改变背景颜色!!!rn我做了好久都没实现,求大神帮帮忙!!rn还有,一定要用for才能遍历grid吗??rnrnrn
extjs grid设置某行字体颜色 行颜色
[code=&quot;css&quot;] .x-grid-record-red table{//字体色 color: #FF0000; } .x-grid-record-green table{ //背景色 background: #00FF00;; } [/code] [code=&quot;js&quot;] viewConfig : { forceFit : true, ...
ExtJS -- grid交替行颜色设置(隔行变色)
.x-grid3-row-alt{ /*设置GridPanel的交替行颜色*/ background-color:#E6E6E6; }
extjs grid行背景设置颜色
效果图: 源码: 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选择行
ExtJs Grid是否选择行,是:返回选择行record;否:返回false
怎么改变GridView的行的颜色
一个GridView中我单击某一行,它改变颜色,我单击另外一行它也改变颜色,不过前一次改变的行,恢复到原来的颜色,怎么注册脚本,意思就说我能单击选中某一行,其它的恢复到默认的颜色
EXTJS的 GRID 行的合并要怎么实现?
EXTJS的 GRID行的合并要怎么实现?rn非常紧急求助!!rnrn[img=http://user.qzone.qq.com/694301806/infocenter?ptlang=2052][/img]rnrnrnrn
grid格式怎么改变指定行或列的颜色?
dw_1.object.c.color=rgb(0,128,128)rn用这句一列的颜色都改变了,请问怎么实现只变其中一行的?
改变grid行的背景色
在CSS代码中加入 [code=&quot;css&quot;] .x-grid-record-red table{ color: #FF0000; } [/code] 在GridPanel中加入 [code=&quot;js&quot;]viewConfig : { autoFill : true, getRowClass : function(record,row...
EXTJS Grid嵌套Grid 选择行问题
先看效果:rnrnrnrnrn这个是网上我找到的 可以运行 但是我在应用的时候发现 当我选中第一条数据(lugreen 男 26)的语文的时候 同时也选中了第二条数据(lisi 男 25) 当我双击第一条数据的语文的时候 第二条数据也会发生展开或者收缩动作 而且 如果总共只有3条祝主数据 子数据多于3条的话 双击或点击子数据中的第4(>3) 条的话 就会报this.getRow(...)' 为空或不是对象和Ext.fly(...)' 为空或不是对象的错 rnrnrn请问如何解这个BUG 或者 让子Grid 展开的时候 不可以选择 rnrnrn
Extjs改变表格的颜色
Extjs改变表格的颜色Extjs改变表格的颜色Extjs改变表格的颜色Extjs改变表格的颜色Extjs改变表格的颜色Extjs改变表格的颜色Extjs改变表格的颜色Extjs改变表格的颜色Extjs改变表格的颜色Extjs改变表格的颜色
Kendo Grid 行样式(根据条件改变行颜色)
方法一:HTML页面,初始化时设置 //isgen == 1 红色(颜色) $("#gridMaster").kendoSmartGrid({ columns: [ { field: "shp_no", title: "分店", width: 60, attributes: {style: "#=isg
extjs grid的行拖拽问题
extjs grid的enableDragDrop 设置为true时,grid就只能单选,不能多选,请问高手怎么解决,让其能多选
GridView 改变行颜色
我现在从DropDownLis获取了颜色的名字,比如Red,Yellow并写入数据库,现在怎么把这个值绑定到GridView行上,使其行变颜色呢??
点击改变行颜色
rnrnrn rn 无标题文档rnrn rnrnrn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rnrnrnrnrnrnrnrnrn执行后木有反应
DBGrid改变行的颜色
当鼠标点第二行的某一格,整个第二行的颜色变成黄色,用来突出选的那格是第二行,当选第三或其它行,所选行变成黄色,第二行的颜色就变回原来的颜色,如何rn编程,请写出程序rn
改变gridpanel的行颜色
改变gridpanel的行颜色,以及gridpanel 的表格变色
jquery改变行颜色....
问个jquery的问题rn$("#result tr:gt(0)").each(function(index)rn $($(this).children("td")[0]).text(index+1);rn var alarm=$($(this).children("td")[13]).text();rn if(alarm=="报警")rn //改变行颜色rn rn rn);rnrn我要根据判断,改变行的颜色,怎么弄?
DataGridView改变行的颜色
DataGridView里面有个属性RowsDefaultCellStyle -- DataGridViewRow{ Index}  其中,外观里面可以设置各种属性,当然也可以代码实现,下面是示例 //染色事件 void dgvApplyData_RowPrePaint(object sender, DataGridViewRowPreP
AdvancedDatagrid改变行的颜色
最早我尝试重写AdvancedDatagrid的drawRowBackGrounds方法,如下:   override protected function drawRowBackground(s:Sprite,rowIndex:int,y:Number, height:Number, color:uint, dataIndex:int):void  {  if(dataP...
grid 行颜色交替显示
大家好:rn grid控件如何能实现行颜色交替显示呀?比如奇数行背景是白色、偶数行背景色是黄色。
ext行颜色改变
小弟用的是asp.net + ext 现在是可以把数据查出来了 现在有个问题就是 当endtime小于当前时间时 那么 gridpanel里的这个一行就得变红色 其余不变rn[AjaxMethod]rn public void getTerminal_endtime()rn rn if (Convert.ToInt32(Session["role_id"]) == 1)rn rn DataTable dt = dalt.getTerminal_endtime();rn DateTime endtime = new DateTime();rn for (int i = 0; i < dt.Rows.Count; i++)rn rn endtime = Convert.ToDateTime(dt.Rows[i]["endtime"]);rn if (endtime < DateTime.Now)rn rn [color=#FF0000]//这里如何写改变的颜色代码[/color]rn rn rn storeTerminalendtime.DataSource = dt;rn storeTerminalendtime.DataBind();rn rn
EditGridPanel改变行的颜色
我用EXTJS做了一个EditGridPanel,可是每行的颜色都是一个样子,客户不满意,要我做成能根据不能的值设置不同的背景色。rn我查找了API根本就没有与设置背景色相关的函数或者别的,时间很紧急,任务艰巨,希望有经验的人能给点帮助,感谢感谢rnrnrn
动态改变grid表格行颜色?
我用:rnrnthisform.Grid1.SetAll("DynamicBackColor",rn"IIF(mod(recn(),2)=0,rgb(0,128,0),rgb(192,192,192))")的方法可以使得一个grid表一行间一行颜色有变化。rn但现在的问题是:rn我的grid根据需要要执行:rnset filter to 条件 rn这一命令,这种效果就有问题了,不能一行间一行的变化。rnrn该如何实现这种效果呢?rn
MiniUI grid改变行背景颜色
在使用miniUI开发中,时常会遇到需要改变gird的符合条件的某一行的颜色,下面就说两种方法: 一: 使用renderer=”theRenderer” 渲染的方式,也是最简单的一种方式 在gird的某一列上加上这个renderer=&quot;theRenderer&quot; 然后在你的js中写上theRenderer()方法 function changeColor(e){ if(e.row.con...
Vaadin8 Grid改变单元格的颜色
初学Vaadin,基于Vaadin8实现一个根据单元格的点击事件改变Grid单元格颜色的功能,踩了很多坑,来记录一下。 首先,从官网(链接: link.)可以找到改变一行单元格的样式的方法是 grid.setStyleGenerator(cellRef -&amp;amp;gt; &amp;quot;v-grid-cell-red&amp;quot;); 改变一个单元格的颜色的方法 getColumn().setStyleGenerator(ce...
Ext grid 改变行背景色
有时候我们会要求改变grid的某一行背景颜色,根绝特定的条件,这时候可以用viewConfig这个方法。 Ext.util.CSS.createStyleSheet('.ts {background:#9a9a9bc2;}');//单独创建css样式 { xtype: 'gridbase', region: 'n...
Extjs gridpanel行加载颜色
Action&lt;ColumnBase&gt; action = (col) =&gt; { if (!string.IsNullOrEmpty(col.DataIndex) &amp;&amp; !(col is CheckColumn)) { string ...
QuickRep-》QRSubDetail怎么改变指定行颜色?
QRSubDetail里放有QRDBText,如果QRDBText有数据就改变那一行的颜色。怎么才能做到?谢谢了?
extjs锁定grid行,点击不可选中
this.grid.getSelectionModel().lock();锁住grid不可被选中 this.grid.getSelectionModel().unlock();解锁grid可以选中 可以用在权限的管理里面,没有权限grid就不能选中,通过按钮操作赋予权限后才可编辑选中。     little note:这两天系统升级win10遇到的问题,巨坑。 win10系统里Tom...
Extjs 5 grid选中指定行
grid.getSelectionModel().select(0, true);
Extjs 控制 grid 行 列 的显示内容
{           header : '发送时间',           sortable : true,           dataIndex : 'sendTime',           width : 150,           renderer : function(date) {            return date  //这个date是一个时间戳           ...
extjs grid 如何实现 行选中变色
extjs grid 如何实现 行选中变色
extjs 的grid中编辑行的某一列
因为初学extjs,我想在grid中编辑某一列,编辑结束后保存到数据库,就相当于结束编辑事件!rn比如说个人信息列表,修改编辑年龄字段,编辑结束自就更新到数据库中,!谢谢各位了rn
Extjs grid 的背景框颜色设置
有时候需要根据特定的条件改变grid某一行的背景色,所以就可以使用renderer方法 { &quot;text&quot;: &quot;参考值&quot;, flex: 1, &quot;dataIndex&quot;: &quot;REFERENCE&quot;, ...
Extjs中grid新增行的问题?
在gird中放了一个工具栏:rn[code=JScript]rntbar : new Ext.Toolbar(['-',text:'添加',handler:addRow,'-',text:'删除',handler:dellRow,'-'])rn[/code]rn新增行调用的下面的方法:rn[code=JScript]rn function addRow() rn var Record = new Ext.data.Record.create([rn name:'id',type:'string',rn name:'name',type:'string',rn name:'email',type:'string',rn name:'sex',type:'string',rn name:'age',type:'string']);rn var p = new Record(id:'',name:'',email:'',sex:'',age:'');rn rn grid.sotpEditing();rn store.insert(0,p);rn grid.startEditing(0, 0);rn rn[/code]rn结果:页面上点了新增按钮没有反应。rn大侠帮我看看,谢谢!!!
extjs grid
EXTJS GRID EXTJS GRID EXTJS GRID EXTJS GRID EXTJS GRID EXTJS GRID EXTJS GRID EXTJS GRID EXTJS GRID EXTJS GRID EXTJS GRID
GridView行单击事件改变行颜色
需求就是GridView单击任意位置时选中鼠标所在行,改变行颜色,单击另一行的时候,恢复上一次选中行的颜色,并使另一行变色.rnPs:是单击变色...不是停留..
鼠标所指向的行,改变行颜色
当鼠标指向table表格某行的时候,行的底色将会改变~!
gridview改变行颜色,急!!!
请问一个,我用了一个gridview控件,我在list页面中单击第一个button会跳转到另外一个页面去update,update之后再返回这个list页面,怎么实现在返回这个list页面之后,被update的这一行数据颜色改变?rn我用onclick属性,在list页面上单击的时候是改变颜色,但是跳转到update页面修改之后再返回list页面,那一行颜色又回去了,没有改变,哪位大哥叫叫我怎么做啊?最好有代码,谢谢
相关热词 c++和c#哪个就业率高 c# 批量动态创建控件 c# 模块和程序集的区别 c# gmap 截图 c# 验证码图片生成类 c# 再次尝试 连接失败 c#开发编写规范 c# 压缩图片好麻烦 c#计算数组中的平均值 c#获取路由参数