zoukankan      html  css  js  c++  java
  • DataGrid和GridView单击背景变色双击颜色还原

    DataGrid中

    首先我们假设.aspx文件中DataGrid的数据行的样式为

            <AlternatingItemStyle BackColor="White" ForeColor="#284775" />
            <ItemStyle BackColor="#F7F6F3" ForeColor="#333333" />

    则在DataGrid的ItemDataBound事件中添加如下代码即可

            if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
            {
                   e.Item.Attributes["onClick"] = "javascript:c=this.style.backgroundColor;this.style.background='#FFA500';";  //current 粉蓝色 //--#6699ff 蓝色 #FFFF00 黄色 #FFFFE0 亮黄色
                if (e.Item.ItemType == ListItemType.Item)
                {
                    e.Item.Attributes["onDblClick"] = "javascript:this.style.background='#F7F6F3';";
                }
                else
                {
                    e.Item.Attributes["onDblClick"] = "javascript:this.style.background='#FFFFFF';";
                }   
            }

    GridView中

    首先我们假设.aspx文件中GridView的数据行的样式为

       <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
       <RowStyle BackColor="#F7F6F3" ForeColor="#333333"/>

    则在GridView的RowDataBound事件中添加如下代码即可

            if (e.Row.RowType == DataControlRowType.DataRow)
            {
    
                e.Row.Attributes["onClick"] = "javascript:c=this.style.backgroundColor;this.style.background='#FFA500';";
    
                if (e.Row.RowState == DataControlRowState.Normal)
                {
                    e.Row.Attributes["onDblClick"] = "javascript:this.style.background='#F7F6F3';";
                }
    
                if (e.Row.RowState == DataControlRowState.Alternate)
                {
                    e.Row.Attributes["onDblClick"] = "javascript:this.style.background='White';";
                }
    
            }
  • 相关阅读:
    PAT 甲级 1072 Gas Station (30 分)(dijstra)
    python flask框架学习(二)——第一个flask程序
    python flask框架学习(一)——准备工作和环境配置与安装
    【Beats】Filebeat工作原理(十七)
    【Beats】Filebeat介绍及使用(十六)
    Dapper简介
    Sequelize ORM
    StackExchange / Dapper
    TypeORM 简介
    Egg.js 是什么?
  • 原文地址:https://www.cnblogs.com/52net/p/2523678.html
Copyright © 2011-2022 走看看