用JS实现GridView背景颜交替、点击行变色

悠悠 2021-12-20 19:17 195阅读 0赞

第一步：在\*\*\*.CS

protected void gvTestList_RowDataBound(object sender, GridViewRowEventArgs e)
        {
            if (e.Row.RowType == DataControlRowType.DataRow)
            {
               //当鼠标停留时更改背景色
                e.Row.Attributes.Add("onmouseover", "c=this.style.backgroundColor;this.style.backgroundColor='#8EC26F'");
              //当鼠标移开时还原背景色
                e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=c");
              //设置悬浮鼠标指针形状为"小手"
              e.Row.Attributes["style"] = "Cursor:hand";
              //单击/双击 事件
               string cid = e.Row.RowIndex < 8 ? "0" + (e.Row.RowIndex + 2).ToString() : (e.Row.RowIndex + 2).ToString();
              e.Row.Attributes.Add("OnClick", "ClickEvent('" + cid + "')");
              //注：OnClick参数是指明为鼠标单击时间，后个是调用javascript的ClickEvent函数e.Row.Cells[5].Text
            }
        }

第二步：在后台（HTML代码区）

<script language="javascript" type="text/javascript">

function ClickEvent(cId)  
\{  
//调用LinkButton的单击事件，btnBindData是LinkButton的ID  
// var num=cId;  
// document.getElementById('ctl00\_ContentPlaceHolder1\_gvUser\_ctl'+num+'\_lbtnBindData').click();

\}  
</script>

转载于:https://www.cnblogs.com/HappyNale/archive/2010/07/14/1777381.html

发表评论取消回复

表情：

评论列表（有 0 条评论，195人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS点击切换背景图

JS点击切换背景图有趣的小案例池子： [JS实现定时器 ][JS_] [JS实现关闭图片窗口 ][JS_ 1] [JS实现输入检验 ][JS_ 2] [

古城微笑少年丶/ 2024年03月31日 15:36/ 0 赞/ 82 阅读

相关 RadioButton文字点击变色样式

----------------------------------item属性标记------------------------------ an

悠悠/ 2023年10月04日 09:14/ 0 赞/ 4 阅读

相关 JS点击文本框改变背景颜色

代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <

╰半夏微凉°/ 2022年12月17日 14:56/ 0 赞/ 249 阅读

相关 android gridview 点击背景,如何在Android中单击的GridView项目上设置背景可绘制？

我有一个带有一堆图标的GridView,我需要选择一个.选择我的意思是： >我需要将drawable id存储到数据库中(以后我可以访问它) >我需要在网格上绘制某种视觉提

叁歲伎倆/ 2022年10月17日 11:23/ 0 赞/ 103 阅读

相关 js 实现隔行变色

![效果图][SouthEast] -------------------- <!DOCTYPE html> <html lang="en"> <h

向右看齐/ 2022年06月17日 23:08/ 0 赞/ 199 阅读

相关【ASP.NET】3.为GridView每行添加js点击事件

CADD.aspx页面：首先GridView要定义OnRowDataBound="方法名" <%-- 3.2 结果清单 --%>

浅浅的花香味﹌/ 2022年06月03日 02:51/ 0 赞/ 215 阅读

相关 jquery实现点击导航栏变色

效果如下 ![20190506115333967.gif][] 思路： 1、在css里面设置两个class ![watermark_type_ZmFuZ3po

男娘i/ 2022年04月25日 06:16/ 0 赞/ 423 阅读

相关用JS实现GridView背景颜交替、点击行变色

第一步：在\\\.CS protected void gvTestList_RowDataBound(object sender, GridViewRowEventA

悠悠/ 2021年12月20日 19:17/ 0 赞/ 196 阅读

相关 js 实现简单的点击div改变背景颜色

思路：点击div改变背景颜色，是通过判断点击的次数，达到改变背景颜色，主要运用了数的加，累加。效果：![在这里插入图片描述][20190719150157136.pn

「爱情、让人受尽委屈。」/ 2021年12月04日 02:11/ 0 赞/ 824 阅读

相关 GridView点击行，选中模版列中CheckBox

<asp:TemplateField ItemStyle-Width="40px" HeaderText="选择" ItemStyle-HorizontalAlign=

傷城~/ 2021年11月10日 12:28/ 0 赞/ 362 阅读