extjs 给grid行赋额颜色覆盖了列的颜色

ext grid有可编辑列,在列renderer上设置了其颜色为黄色。客户想根据数据行显示不同
颜色,在grid中添加了viewConfig: {
forceFit : true,
getRowClass: function(record,rowIndex,rowParams,store){
if(record.data.PROJECT_ID){
return 'row-wylevel1';
}else if(record.data.SUB_PROJECT_ID){
return 'row-wylevel2';
}
return '';
}
}代码,行的颜色是变了,但是整个行的颜色都变了。有没有办法让可编辑列的颜色还是显示黄色?

1个回答

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
extjs grid 怎么改变行的颜色?

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

extjs5 grid 获得选中的某一行的某列值

``` Ext.getCmp('eventListGrid').getSelectionModel().getSelection()[0].data.outstandingOperator ``` 想获得获得选中的某一行的某列值,用上面的,报错,Ext.getCmp(...).getSelectionModel is not a function,要怎么改呢?或者还有什么方法可以获得? (eventListGrid是grid的id,outstandingOperator是要获取的那列,grid用checkboxmodel)

extjs中的grid编辑某一行某一列的字段更新到数据库

因为初学extjs,我想在grid中编辑某一列,编辑结束后保存到数据库,就相当于结束编辑事件! 比如说个人信息列表,修改编辑年龄字段,编辑结束自就更新到数据库中,!谢谢各位了

ExtJS grid行编辑问题

我新建了一个window,里面绑定了panel,panel中有数据,想用row editing实现双击某个行属性,实现编辑,但是报错 代码如下: Ext.define("Shop", { extend: 'Ext.data.Model', fields: [ { name: 'shopCode', type: 'string' }, { name: 'shopName', type: 'string' }, { name: 'shopStatus', type: 'string' }, { name: 'createDate', type: 'string' }, { name: 'shopScore', type: 'string' } ] }); var shopStore = new Ext.data.Store({ model : "Shop", autoLoad : true, proxy : { type : "ajax", url : "getAllShop.action", reader : { type : 'json', root : 'shopList' } } }); Ext.define('B2B2C.ShopGridWindow', { extend: 'Ext.ux.desktop.Module', requires: [ 'Ext.grid.*', 'Ext.data.*', 'Ext.util.*', 'Ext.state.*', 'Ext.form.*' ], id:'s-grid-win', init : function(){ this.launcher = { text: '店铺管理', iconCls:'icon-grid', handler : this.createWindow, scope: this }; }, createWindow : function(){ var me = this; shopStore.load(); var desktop = this.app.getDesktop(); var win = desktop.getWindow('s-grid-win'); if(!win){ win = desktop.createWindow({ id: 's-grid-win', title:'店铺管理', width:740, height:480, iconCls: 'icon-grid', animCollapse:false, constrainHeader:true, layout: 'fit', items: [ { border: false, xtype: 'grid', id: 's-grid', store: shopStore, plugins : [ Ext.create('Ext.grid.plugin.RowEditing',{ clicksToEdit:2 }) ], columns: [ new Ext.grid.RowNumberer(), { text: "店铺编码", width: 100, sortable: true, dataIndex: 'shopCode', editor :{ xtype: "textfield" } }, { text: "店铺名称", width: 200, sortable: true, dataIndex: 'shopName', editor :{ xtype: "textfield" } }, { text: "店铺分数", width: 70, sortable: true, dataIndex: 'shopScore', editor :{ xtype: "textfield" } }, { text: "创建时间", width: 160, sortable: true, dataIndex: 'createDate', editor :{ xtype: "textfield" } }, { text: "审核状态", width: 160, sortable: true, dataIndex: 'shopStatus', editor :{ xtype: "textfield" } } ] } ] 报错信息:TypeError: h is undefined ...k=0,m=l.length;k<m;k++){q=l[k];o=q.from;p=q.to;if(h===o||h.substring(0,o.length)...

extjs grid通过拖拽交换列的顺序后将状态(列的顺序和数据)永久地保存问题

extjs4 实际项目中有个需求:grid表格中列与列之间拖拽交换列的显示顺序后将状态[列头的顺序和数据]永久地保存起来,以后再打开grid表格都显示拖拽交换列头后的效果(因为不同的客户对显示的列顺序有不同的需求,如果每次都要拖拽来改变显示的顺序很麻烦,不同的客户根据自己的需求拖拽后可以保存起来),做了几天还是没做到,请问有什么可行的思路?

关于EXTJS6 grid布局

![图片说明](https://img-ask.csdn.net/upload/201705/19/1495181675_980362.png) 这是小弟做的一个EXTJS的form表单,表单的第二栏也就是装修公司选择的那里,有两个gr grid,他们现在是上下,我怎么让它左右显示,也就是左边一个grid右边一个grid

Extjs 获取grid的columns名

已知一个grid,有n列(column),请问如何可以获得这个grid的所有columns的名字呢?

extjs 多层表头的grid 怎么样动态删除一列

extjs 多层表头的grid 怎么样动态删除一列,求指教!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

extjs grid 动态编辑、添加数据(grid添加新的行)

请问如何可以动态编辑grid?如,grid已经显示3行数据,想直接在grid上插入一行新的数据,类似数据库直接在表插入数据的那种。直接在grid进行的。 还有,如果这行数据的插入是要插在第2行和第3行之间的,请问这样的又该怎么写呢?

Extjs4.2 grid根据已知字段值获取到行数据record

grid中有name,sex等字段,现在可以得到name的值,要根据name获取到那一行的record,现在知道 grid.getView().getNode() 获取模板节点 这里怎么传值(比如name=小白) grid.getView().GetRecord() 获取行数数据 传值node 知道的大神说下 , 或者有其他方法的说下

Extjs grid双击一行时将第2列变为可编辑的文本框

才学的Extjs 版本用的4.2.1的自己写了个demo该怎么改才可以进行编辑?代码如下: var store = Ext.create('Ext.data.Store', { fields : ['numberid', 'id', 'name', 'typename', 'unitname','sum','pl','rk'], data : { items : [ { numberid : '1', id : 'WL-201608160001', name : '联想笔记本', typename : '52a-55', unitname:'台',sum:'12',sum:12 }, { numberid : '2', id : 'WL-201608160002', name : '戴尔笔记本', typename : '52s-55', unitname:'台',sum:'12',sum:12 }, { numberid : '3', id : 'WL-201608160003', name : '苹果笔记本', typename : '52f-55', unitname:'台',sum:'12',pl:"",rk:"" }, ] }, proxy : { type : 'memory', reader : { type : 'json', root : 'items' } } }); var pageToolbar=new Ext.create('Ext.panel.Panel', { height:28, items:[{ xtype: 'textfield', fieldLabel: '合计', inputId:"moneycount",//文本框id inputType:"Text",//input的类型 labelWidth :400,//lable宽度 inputWidth:70,//input宽度 style: { marginTop:"2px", marginLeft:"20px" } }] }); var datagrid=Ext.create('Ext.grid.Panel', { store : store, height:155, width:600, columnLines:true,//是否显示列之间的线条分割 sortable:true,//可以排序 selModel:{ //设置可以选中多行 injectCheckbox:1,//复选框出现的列 mode:"SIMPLE", checkOnly:false//是否只有复选按钮才能选中行 }, selType:"checkboxmodel",//设置复选按钮 autoScroll:true,//设置滚动条 viewConfig:{forceFit:false},//设置滚动条 columns : [ { text : '(栏号)', dataIndex : 'numberid',width: 200 }, { text : '物流编号', dataIndex : 'id', width: 200}, { text : '(物料名称)', dataIndex : 'name' ,width: 300}, { text : '规格型号', dataIndex : 'typename',width: 200 }, { text : '单位', dataIndex : 'unitname',width: 80 }, { text : '数量', dataIndex : 'sum',width: 80 }, { text : '批号', dataIndex : 'pl',width: 80 }, { text : '分录备注', dataIndex : 'rk',width: 80 } ], listeners: { /*click: { element: 'el', //bind to the underlying el property on the panel fn: function(){ alert('click el'); } },*/ dblclick: { element: 'body', //bind to the underlying body property on the panel fn: function(){ alert(Ext.getDom("text1").value); /*alert(Ext.getDom("text2").value); alert(Ext.getDom("text3").value); alert(Ext.getDom("text4").value);*/ //获取选中行 var selArr=datagrid.getSelectionModel().getSelection(); if (selArr && selArr.length>0) { for ( var int = 0; int < selArr.length; int++) { alert(selArr[int].get("id")+"--"+selArr[int].get("name")); } } //获取所有行 /*var selAll=datagrid.data.items; for ( var int = 0; int < selAll.length; int++) { alert(selAll[int].get("id")+"--"+selAll[int].get("name")); }*/ } } }, /* bbar:[{ type: 'button', text: 'Button 1' }],*/ fbar: [ { type: 'button', text: 'Button 1' } ] }); var rowEditing = Ext.create('Ext.grid.plugin.RowEditing',{ clicksToMoveEditor:2, autoCancel:false, listeners:{ beforeedit:function(){ //添加编辑前响应的事件 var rows = datagrid.getSelectionModel().getSelection(); //在编辑前获取选中的行 setTimeout(function(){ datagrid.getselectionModel().select(rows) },0); //延迟执行代码重新勾选编辑前选中的行 } } }); var tabpal=Ext.create('Ext.tab.Panel', { width: 600, height: 180, renderTo: document.body, style:{ marginTop:"80px" }, items: [{ title: '内容', items: [datagrid] }, { title: '备注', }] } ); Ext.onReady(function(){ Ext.create('Ext.window.Window', { title: '调拨单', maximizable:true, minimizable:true, height: 400, width: 600, layout: 'absolute',//布局样式--fit,table, items:[{ xtype: 'textfield', name: 'name12', fieldLabel: '调出仓库', allowBlank: false, // 是否不必输入值 blankText:"请输入",//提示信息 inputId:"text1",//文本框id inputType:"Text",//input的类型 labelWidth :70,//lable宽度 inputWidth:200,//input宽度 style: { marginLeft:'10px', marginTop: '10px' } },{ xtype: 'datefield', name: 'datatime', fieldLabel: '单据日期', allowBlank: false, // 是否不必输入值 blankText:"请输入",//提示信息 labelWidth :70,//lable宽度 inputId:"text2",//文本框id inputWidth:200,//input宽度 format: 'Y-m-d', style: { marginLeft:'300px', marginTop: '10px' } },{ xtype: 'textfield', name: 'name13', fieldLabel: '调入仓库', allowBlank: false, // 是否不必输入值 blankText:"请输入",//提示信息 inputId:"text3",//文本框id inputType:"Text",//input的类型 labelWidth :70,//lable宽度 inputWidth:200,//input宽度 style: { marginLeft:'10px', marginTop: '40px' } },{ xtype: 'textfield', name: 'name124', fieldLabel: '单据号码', allowBlank: false, // 是否不必输入值 inputId:"text4",//文本框id inputType:"Text",//input的类型 labelWidth :70,//lable宽度 inputWidth:200,//input宽度 style: { marginLeft:'300px', marginTop: '40px' } },tabpal] }).show(); });

extjs grid按条件修改列的背景色

从后台传递一个参数source到前台,其中source的值可以为1,2,3.当source值为2时,将WY_USERLABEL_CM,ZZ_USERLABEL_CM标记背景色为黄色,当source为3时,将ZZ_USERLABEL_CM,WY_USERLABEL_CM标为黄色。 ![图片说明](https://img-ask.csdn.net/upload/201604/08/1460098439_367075.png)

Extjs Grid设置单行颜色后,没有效果

我写的一小段代码,生成一个Grid后,把第2行变成红色,结果没有效果,请您指正,多谢! Ext.onReady(function(){ var cm = new Ext.grid.ColumnModel([ {header: 'name', dataIndex: 'name'}, {header: 'sex', dataInex: 'sex'}, ]); var PersonRecord = Ext.data.Record.create([ {name: 'name', type: 'string'}, {name: 'sex', type: 'int'}, {name: 'color', type: 'string'} ]); var data = [ ['boy', 0, '#FBF8BF'], ['girl', 1, '#99CC66'], ['man', 0, '#F5C0C0'], ['woman', 1, '#FF0000'] ]; var store = new Ext.data.Store({ proxy: new Ext.data.MemoryProxy(data), reader: new Ext.data.ArrayReader({}, PersonRecord) }); store.load(); var grid = new Ext.grid.GridPanel({ store: store, cm: cm, autoHeight: true, renderTo: 'grid', }); 我想把第2行设置为红色,结果运行后没有任何效果,请您指教!多谢! grid.getView().getRow(1).style.backgroundColor='#FF0000'; grid.getView().refresh(true); });

extjs6 Grid 绑定国籍列

store返回的是国籍的code,如何在grid显示成中文。 不用渲染的方式改变,否则得判断N多Code

extjs2 中的grid如何锁定列?

客户有这种需求,真头痛,能提供现成代码的最好!

Extjs 4.2 Extjs.grid.feature.Grouping分组行点击事件获取行索引不准确

Extjs 4.2 版本 grouping 分组的单击双击行有bug 获取行索引出现 -1 换成4.1 版本不会出现-1 精确定位行索引 你们有遇到吗?CSDN移动问答 ![CSDN移动问答][1] ![CSDN移动问答][2] [1]: http://img.my.csdn.net/uploads/201407/19/1405774555_6298.png [2]: http://img.my.csdn.net/uploads/201407/19/1405774555_6152.png

怎么修改 ext grid列名的颜色?

ext grid 怎么选择列名以后 修改列名的颜色?

Extjs5 Grid条件查询

查询结果可以出来,但grid上显示不出来,这是什么原因?求答

YOLOv3目标检测实战:训练自己的数据集

YOLOv3目标检测实战:训练自己的数据集

150讲轻松搞定Python网络爬虫

150讲轻松搞定Python网络爬虫

实用主义学Python(小白也容易上手的Python实用案例)

实用主义学Python(小白也容易上手的Python实用案例)

我说我不会算法,阿里把我挂了。

不说了,字节跳动也反手把我挂了。

立方体线框模型透视投影 (计算机图形学实验)

计算机图形学实验 立方体线框模型透视投影 的可执行文件,亲测可运行,若需报告可以联系我,期待和各位交流

2019 AI开发者大会

2019 AI开发者大会

组成原理课程设计(实现机器数的真值还原等功能)

实现机器数的真值还原(定点小数)、定点小数的单符号位补码加减运算、定点小数的补码乘法运算和浮点数的加减运算。

C/C++跨平台研发从基础到高阶实战系列套餐

一 专题从基础的C语言核心到c++ 和stl完成基础强化; 二 再到数据结构,设计模式完成专业计算机技能强化; 三 通过跨平台网络编程,linux编程,qt界面编程,mfc编程,windows编程,c++与lua联合编程来完成应用强化 四 最后通过基于ffmpeg的音视频播放器,直播推流,屏幕录像,

MFC一站式终极全套课程包

该套餐共包含从C小白到C++到MFC的全部课程,整套学下来绝对成为一名C++大牛!!!

软件测试2小时入门

软件测试2小时入门

三个项目玩转深度学习(附1G源码)

三个项目玩转深度学习(附1G源码)

计算机图形学-球的光照模型课程设计

计算机图形学-球的光照模型,有代码完美运行,有课程设计书

Linux常用命令大全(非常全!!!)

Linux常用命令大全(非常全!!!) 最近都在和Linux打交道,感觉还不错。我觉得Linux相比windows比较麻烦的就是很多东西都要用命令来控制,当然,这也是很多人喜欢linux的原因,比较短小但却功能强大。我将我了解到的命令列举一下,仅供大家参考: 系统信息 arch 显示机器的处理器架构 uname -m 显示机器的处理器架构 uname -r 显示正在使用的内核版本 d...

因为看了这些书,我大二就拿了华为Offer

四年了,四年,你知道大学这四年我怎么过的么?

深度学习原理+项目实战+算法详解+主流框架(套餐)

深度学习系列课程从深度学习基础知识点开始讲解一步步进入神经网络的世界再到卷积和递归神经网络,详解各大经典网络架构。实战部分选择当下最火爆深度学习框架PyTorch与Tensorflow/Keras,全程实战演示框架核心使用与建模方法。项目实战部分选择计算机视觉与自然语言处理领域经典项目,从零开始详解算法原理,debug模式逐行代码解读。适合准备就业和转行的同学们加入学习! 建议按照下列课程顺序来进行学习 (1)掌握深度学习必备经典网络架构 (2)深度框架实战方法 (3)计算机视觉与自然语言处理项目实战。(按照课程排列顺序即可)

fakeLocation13.5.1.zip

fakeLocation13.5.1 虚拟定位 ios13.5.1的最新驱动下载,iPhone/iPad免越狱虚拟定位工具Location-cleaned驱动已更新

UnityLicence

UnityLicence

Python可以这样学(第一季:Python内功修炼)

Python可以这样学(第一季:Python内功修炼)

Python+OpenCV计算机视觉

Python+OpenCV计算机视觉

土豆浏览器

土豆浏览器可以用来看各种搞笑、电影、电视剧视频

【数据结构与算法综合实验】欢乐连连看(C++ & MFC)案例

这是武汉理工大学计算机学院数据结构与算法综合实验课程的第三次项目:欢乐连连看(C++ & MFC)迭代开发代码。运行环境:VS2017。已经实现功能:开始游戏、消子、判断胜负、提示、重排、计时、帮助。

php+mysql学生成绩管理系统

学生成绩管理系统,分三个模块:学生,教师和管理员。 管理员模块:负责学生、老师信息的增删改;发布课程信息的增删改,以便让学生选课;审核老师提交的学生成绩并且打印成绩存档;按照课号查询每个课号的学生成绩

多功能数字钟.zip

利用数字电子计数知识设计并制作的数字电子钟(含multisim仿真),该数字钟具有显示星期、24小时制时间、闹铃、整点报时、时间校准功能

推荐24个国外黄色网站欣赏

在中国清朝,明黄色的衣服只有皇子才有资格穿,慢慢的黄色在中国就成了高贵的颜色。在人们的色彩印象中,黄色也表现为暂停。所以当你的网页设计采用黄色的时候,会让人们在你的网页前停留。 黄色,就像橙色和红色,黄色也是一个暖色。它有大自然、阳光、春天的涵义,而且通常被认为是一个快乐和有希望的色彩。黄色是所有色相中最能发光的颜色,给人轻快,透明,辉煌,充满希望的色彩印象。 黄色是一个高可见的色...

u-boot-2015.07.tar.bz2

uboot-2015-07最新代码,喜欢的朋友请拿去

一学即懂的计算机视觉(第一季)

一学即懂的计算机视觉(第一季)

学生成绩管理系统(PHP + MYSQL)

做的是数据库课程设计,使用的php + MySQL,本来是黄金搭配也就没啥说的,推荐使用wamp服务器,里面有详细的使用说明,带有界面的啊!呵呵 不行的话,可以给我留言!

Windows版YOLOv4目标检测实战:训练自己的数据集

Windows版YOLOv4目标检测实战:训练自己的数据集

C++语言基础视频教程

C++语言基础视频教程

玩转Python-Python3基础入门

玩转Python-Python3基础入门

2019校招硬件乐鑫+比特大陆笔试题

楼主水硕一枚,参加了2019年的秋招。自己总结了下乐鑫的笔试题目(现场笔试)以及网上考试的比特大陆的题目

相关热词 c# 局部 截图 页面 c#实现简单的文件管理器 c# where c# 取文件夹路径 c# 对比 当天 c# fir 滤波器 c# 和站 队列 c# txt 去空格 c#移除其他类事件 c# 自动截屏
立即提问