-
问题:单击grid的某一行,如何改变该行的背景颜色?5
我定义了一个grid,并添加了rowclick事件的监听,可是不知道该如何修改这一行的背景色。请教高手一下。代码如下:
grid.addListener('rowclick',function(grid,rowIndex,event){
// 这里的代码不知道该如何写了,才能改变这行的背景色。
// 当然,当我点击别的行时,这一行的背景颜色要改变到每点击之前的默认颜色
});2009年3月31日 08:54
1个答案 按时间排序 按投票排序
-
采纳的答案
我帮你实现了,给我分吧
Ext.onReady(function() { var myData = [ ['3m Co',71.72,0.02,0.03,'9/1 12:00am'], ['Alcoa Inc',29.01,0.42,1.47,'9/1 12:00am'], ['Altria Group Inc',83.81,0.28,0.34,'9/1 12:00am'], ['American Express Company',52.55,0.01,0.02,'9/1 12:00am'], ['American International Group, Inc.',64.13,0.31,0.49,'9/1 12:00am'] ]; function change(val){ if(val > 0){ return '<span style="color:green;">' + val + '</span>'; }else if(val < 0){ return '<span style="color:red;">' + val + '</span>'; } return val; } function pctChange(val){ if(val > 0){ return '<span style="color:green;">' + val + '%</span>'; }else if(val < 0){ return '<span style="color:red;">' + val + '%</span>'; } return val; } var store = new Ext.data.SimpleStore({ fields: [ {name: 'company'}, {name: 'price', type: 'float'}, {name: 'change', type: 'float'}, {name: 'pctChange', type: 'float'}, {name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'} ] }); store.loadData(myData); var grid = new Ext.grid.GridPanel({ store: store, columns: [ {id:'company',header: "Company", width: 160, sortable: true, dataIndex: 'company'}, {header: "Price", width: 75, sortable: true, renderer: 'usMoney', dataIndex: 'price'}, {header: "Change", width: 75, sortable: true, renderer: change, dataIndex: 'change'}, {header: "% Change", width: 75, sortable: true, renderer: pctChange, dataIndex: 'pctChange'}, {header: "Last Updated", width: 85, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'} ], stripeRows: true, autoExpandColumn: 'company', enableHdMenu : true, height:350, width:600, title:'Array Grid' }); grid.render(Ext.getBody()); grid.on('rowclick',function(grid,rowIndex,event){ var node = event.target; while(node.tagName != 'TR'){ node = node.parentNode; if(node.tagName == 'TR'){ break; } } var elDiv = node.parentNode.parentNode.parentNode.parentNode; for(var i = 0; i<elDiv.childNodes.length;i++){ elDiv.childNodes[i].childNodes[0].childNodes[0].childNodes[0].style.cssText="background-color:"; } node.style.cssText="background-color:red"; }); })
2009年3月31日 17:03
相关推荐
ios的文字加图片的Tableview列表,单击某一行,显示该行文字
该程序可以改变按钮的背景颜色,通过单击该按钮可以实现在灰色与绿色之间的转换,同时可以在对应的编辑框中看到变化后的现象,适合于在下位机测试软件中应用。例如单击一个按钮使之长时间变绿,表明下位机在不停的...
教你用VB自定义窗体的右键弹出菜单,在文本框中点击鼠标右键,你会发现弹出了右键菜单,选择“红色”即可改变背景色为红色,选择“兰色”即可改变背景色为兰色。注意,不是窗体的右键菜单,是在文本域中。还在等什么...
如在gridview上单击某一行,便可以获取该行第一列的值,如果第一列放的是Id值,那么只要单击一下便可以获得,比以前获取的方法要简单 文件中有源码加解决方案
在单击了DataGrid某一行时弹一个自定义的网页并把这一行的信息显示在那个网页中
JavaScript改变表格单元格的背景颜色 - 支持多浏览器 已经通过测试,程序中有详细的说明
通过移动鼠标来改变网页背景颜色,分为style.css和script.js两个文件包含到网页即可。 <script src="script.js"></script>
GridView 行单击与双击事件,功能:单击选中行 双击打开详细页面 说明:
jQuery单击div更改背景颜色
在layui的表格table中,选中某行数据之后更改本行颜色,取消选中后恢复原样式。在layui的表格table中,选中某行数据之后更改本行颜色,取消选中后恢复原样式。
财务统计:单击统计,可以按照给定的规则处理,可以按照某一时间进行统计; 总结余——显示的是最后的总计,与现款直接对应,简单明了; 程序的初始密码为:123; 单击添加,则可以在该行右边直接按次序输入财务信息;
浅谈WinForm下ListView的扩展(一):单击列头实现排序.doc
java 编程实现鼠标单击获取屏幕上的任一点位置的颜色 ...java 编程实现鼠标单击获取屏幕上的任一点位置的颜色 java 编程实现鼠标单击获取屏幕上的任一点位置的颜色随机改变自己目标区的颜色!!!!!!!!!!拾色器
彩色夹板单击按钮更改主体的背景颜色
通栏适应浏览器切换,比较适用于企业网站,大气美观
HoloLens实现再空间中单击改变Cube颜色为蓝色,双击变为绿色,Unity2017.3.1
jquery 实现鼠标单击行时,改变行的背景颜色,选中checkbox复选框
很好
js 实现 单击表格某行后其他行隐藏! 值得下载看看!资源免费,大家分享!!
运用vb语言编写程序代码,使用滚动条来改变颜色