DataGrid单击一行改变此行背景色

最新推荐文章于 2021-12-03 10:00:03 发布
最新推荐文章于 2021-12-03 10:00:03 发布
阅读量1.9k 收藏
点赞数
分类专栏： ASP.NET 文章标签： datagrid object javascript function html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Erickson/article/details/382160
版权
这篇博客介绍了如何在DataGrid中实现单击一行时改变该行背景色的效果。首先设置DataGrid的AlternatingItemStyle.BackColor属性为‘Beige’，然后在DataGrid的ItemCreated事件中添加JavaScript属性，使每一行具有点击事件。接着提供了一个JavaScript函数SelectNode，当点击某行时，通过遍历所有TR元素，改变行的背景色，被点击行变为#c6ff00，其余行恢复默认颜色。
摘要由CSDN通过智能技术生成

DataGrid单击一行改变此行背景色


1） 将DataGrid控件的AlternatingItemStyle.BackColor属性设置为“Beige”。


2）

最低0.47元/天 解锁文章
Erickson
关注
专栏目录
利用JavaScript实现jqGrid指定背景色修改（方便查看、修改）
iilegend的博客
08-25 1772
gridComplete: function () { var ids = $("#gridList").getDataIDs(); for (var i = 0; i < ids.length; i++) { var rowData = $("#gridList").getRowData(ids
DataGrid 技巧：更改某一行的背景色
待定的专栏
06-02 1863
DataGrid 技巧：行的背景色如何更改DataGrid中某一行的背景色是一个被经常问的问题。这个在Flex2.0中很简单，只需按照下面的步骤做：1.创建一个扩展自 mx.controls.DataGrid 的类。这个类可以是MXML文件或者ActionScript文件，你可以根据自己的习惯创建。2.覆写 protected 方法 drawRowBackground ：overr
DataGrid中鼠标单击行改变颜色
xuebadi的专栏
12-29 696
DataGrid中鼠标单击行改变颜色在Item_Create中添加代码:#region DataGrid Item Create public void DataGrid_ItemCreate(objectsender,System.Web.UI.WebControls.DataGridItemEventArgs e)  {   if(e.Item.ItemType==ListItemTy
DataGrid单击行时改变颜色
weixin_30512089的博客
04-29 274
<script>//DataGrid单击行时改变颜色var oldrow;var newColor='#CCCCFF';var oldColor; function SelectRow(rowno){ if (oldrow == null){oldColor = document.all('row'+rowno).style.backgro...
C#实现改变DataGrid某一行和单元格颜色的方法
12-26
本文所述实例主要实现WPF项目中C#改变DataGrid某一行和单元格颜色的功能。分享给大家供大家参考。具体方法如下： 如果要改变DataGrid某一行的颜色、高度，以及某个单元格的颜色、单元格字体的颜色，就必需取到...
WPF DataGrid 行的背景色根据行中某一字段的值来显示
09-06
WPF的DataGrid展示数据源数据时，需要根据某行中某一字段值，来显示背景颜色。这里简单做了一个int类型的值，为0的时候为橙色，为1的时候为草绿色....也可以在数据源中添加Color列，并直接存放Color的16进制值，并...
jQuery 全选/反选以及单击行改变背景色实例
12-09
在这个实例中，我们关注的是如何使用 jQuery 实现表格中的全选/反选功能以及单击行改变背景色的效果。 首先，我们需要了解基本的 HTML 结构。这里有一个包含多个行的表格，每个行内都有一个复选框。表格的头部有一...
JQuery easyUi datagrid 中 改变行背景色
热门推荐
叶落枫亭
05-02 2万+
前言 JQuery easyUi datagrid 中 使用datagrid生成数据列表后，需要根据相关设置使某些行的样式突出显示，也就是说改变一些行的背景色。 PS： 设置 striped:true  可以使行奇偶行颜色不同。 解决方法 使用datagrid特性，rowStyler  rowStyler:function(rowIndex,rowData){
DataGrid自定义任意行颜色
千山的专栏
08-29 2262
我们知道，在DataGrid给我们提供的关于行颜色的设置中只能是奇数行为一种颜色，偶数行为另外一种颜色。不能精确到具体任意一行设置颜色。比如现在DataGrid中有5个数据行，我想设计第4行颜色为红色，其他行不变。在DataGrid为我们提供的属性中就不能办到。今日遇到这样一个需求，DataGrid数据源为DataTable，当DataTable第一列的任意一行数据与下一行的数据不一样时，要换颜色
jQuery EasyUI使用教程之根据条件更换数据网格行背景颜色
需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~
04-07 2098
jQuery EasyUI最新试用版免费下载> 本教程将为大家介绍在某些条件下如何更改数据网格组件的行样式。当listprice值大于50时，我们将为该行设置不同的颜色。 查看jQuery EasyUI演示 数据网格的rowStyler函数允许您可以自定义行样式，下面的代码演示了如何更改行样式： table id="tt" title="Data
Easyui之datagrid实现点击单元格修改单元格背景颜色
weixin_30394333的博客
04-24 1504
前段时间有个需求中有点击datagrid的单元格实现某种事件，调用datagrid的onclickCell这个方法很容易实现，但是体验不好啊，完全不知道自己刚才点击的是哪个单元格，然后就尝试单击单元格的时候给改变单元格的颜色，经过一番折腾，最终实现该功能，然后写下来记录一下实现过程。 关于Easyui这里就不再多说，其是一组基于JQuery的UI插件的集合。其中datagrid估计是Ea...
DataGrid单元格移动变色,点击变色,双击取消颜色,排序.
12-14 1970
实现:1.当鼠标移动到DataGrid的单元格时,单元格变色,并且单元格里的字体同时变色,鼠标变为手的形状.鼠标移出单元格,恢复原样.2.当鼠标点击DataGrid的单元格时,单元格变色,单元格上的显示字体变色;当点击另一个单元格时,前一个单元格以及字体颜色恢复原样,此时的单元格变色,字体变色.3.当双击DataGrid上单击时变色的单元格时,颜色取消,恢复原样.4.DataGrid按顺序(ASC
Jquery 实现表格颜色交替变化，点击选中行，鼠标移过颜色变化。
u013568834的专栏
10-13 857
.table-tr-title{ height: 26px; font-size: 12px; text-align: center; } .table-tr-content{ height: 18px; background: #FFFFFF; text-align: center; font-size: 12px; } .normalEv
jquery 点击某行变换背景颜色，其他行还原为原来颜色
y_h_t的专栏
03-19 1万+
jquery 点击某行变换背景颜色，其他行还原为原来颜色 jquery click 变换
javascript中，实现对easyui的datagrid中的单元格自定义修改单元格背景颜色
Gavid的博客
11-14 1021
var a = document.getElementById("excel_grid"); var parent = a.parentNode; var view2 = parent.childNodes[1]; var datagridbody = view2.childNodes[1]; var tbodynode = datagridbody.ch...
idea或datagrip更改选中代码高亮显示的颜色
wuesr的博客
12-03 3730
1、首先进入设置 2、更改自己想要的颜色 3、效果显示
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值