`

鼠标移动,改变DataGrid颜色

阅读更多
Sub DataGrid1_ItemDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DataGridItemEventArgs)
   
        If e.Item.ItemType = ListItemType.Item Or _
            e.Item.ItemType = ListItemType.AlternatingItem Then
   
         '---------------------------------------------------
         ' Add the OnMouseOver and OnMouseOut method to the Row of DataGrid
         '---------------------------------------------------
         e.Item.Attributes.Add("onmouseover", "this.style.backgroundColor='Silver'")
            e.Item.Attributes.Add("onmouseout", "this.style.backgroundColor='white'")
   
        End If
   
    End Sub
   
    Sub DataGrid2_ItemDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DataGridItemEventArgs)
   
        If e.Item.ItemType = ListItemType.Item Or _
            e.Item.ItemType = ListItemType.AlternatingItem Then
   
         '---------------------------------------------------
         ' Add the OnMouseOver and OnMouseOut method a Cell (Column) of DataGrid
         '---------------------------------------------------
         e.Item.Cells(1).Attributes.Add("onmouseover", "this.style.backgroundColor='#DDEEFF'")
            e.Item.Cells(1).Attributes.Add("onmouseout", "this.style.backgroundColor='white'")
   
         '---------------------------------------------------
         ' Change the Mouse Cursor of a particular Cell (Column) of DataGrid
         ' (Or you may do it for a whole Row of DataGrid :)
         '---------------------------------------------------
         e.Item.Cells(3).Style("cursor") = "hand"
   
         '---------------------------------------------------
         ' Add the OnClick Alert MessageBox to a particular Cell (Column) of DataGrid
         '---------------------------------------------------
         e.Item.Cells(3).Attributes.Add("onclick", "alert('You click at ID: " & e.Item.Cells(0).Text & "!');")
   
        End If
    End Sub
分享到:
评论

相关推荐

    鼠标移动DataGrid显示详细信息

    根据提供的标题、描述、标签及部分内容,我们可以了解到这篇文章主要讲述的是如何实现在鼠标移动到 DataGrid 的某一行时,显示出该行的详细信息。DataGrid 是一种常用的 Web 控件,用于展示表格形式的数据。下面我们...

    DataGrid可调整列宽的表格可排序

    然后,通过计算鼠标移动的距离,更新对应列的宽度,并确保整个表格的宽度保持不变。此外,为了保持列宽的正确显示,可能还需要处理重绘和布局更新等细节问题。 其次,关于“点击排序”,这是DataGrid另一个核心功能...

    在DataGrid控件中着色显示鼠标所在行

    DataGrid控件提供了多种事件,如MouseEnter、MouseLeave、CellMouseEnter、CellMouseLeave等,这些事件可以帮助我们在鼠标移动到特定单元格或行时触发相应的处理逻辑。此外,DataGrid控件的DefaultCellStyle属性允许...

    双击表格连接到另一页/改变颜色/行随鼠标变色

    ### 行随鼠标移动改变颜色 #### 功能介绍 当鼠标悬停在 DataGrid 的某一行上时,该行背景色会发生变化,以提高用户体验。此功能同样可以通过 `ItemDataBound` 事件来实现。 #### 实现步骤 1. **事件绑定**:同上...

    DataGrid技巧大全

    这样当用户将鼠标移动到某一行时,该行的背景色会被设置为"#eaeaea",而当鼠标移开时,背景色则会恢复到原来的颜色。 #### 二、ASP.NET常用函数详解 在ASP.NET开发过程中,经常会用到一些内置的函数来处理各种数据...

    delphi 开发经验技巧宝典源码

    0108 使用Odd函数改变StringGrid组件的奇偶行颜色 72 0109 使用Pred函数获取顺序类型表达式的前驱 72 0110 使用Succ函数获取顺序类型表达式的后继 73 4.4 进制转换相关函数 73 0111 如何将二进制转换为八...

    delphi 开发经验技巧宝典源码06

    0108 使用Odd函数改变StringGrid组件的奇偶行颜色 72 0109 使用Pred函数获取顺序类型表达式的前驱 72 0110 使用Succ函数获取顺序类型表达式的后继 73 4.4 进制转换相关函数 73 0111 如何将二进制转换为八...

    ASP.NET GridView表格列宽拖动功能示例

    内容索引:.NET源码,Ajax相关,AJAX,GridView 中模仿GridView列表的列宽拖动功能示例程序,并且可以实现鼠标经过、点击、不响应时候分别用不同的颜色来区分,移动可改变列的顺序、改变列宽、排序,chy.xml用于存储...

    flex题目大全

    根据给定文件的信息,我们可以总结出一系列与Flex和ActionScript 3(AS3)相关的知识点。... 我想让一个button鼠标移动上去变成手型,需要怎么设置? - **答案**:设置`<mx:Button>`标签中的`cursor`属性为`...

    WPF的自定义控件,有虚拟键盘、热力图、控件旋转变换示例等等

    在WPF中,我们可以通过使用DataGrid或Canvas控件,结合颜色映射技术来实现。通过设置每个单元格的颜色,根据其背后的数值来显示热力。这通常需要一些数学和颜色处理的知识,以及对WPF绑定和数据模板的理解。 控件...

    VB 编程大全2

    当用户与控件进行交互(如点击、鼠标移动等)时,就会触发相应的事件。程序员可以通过编写事件处理程序来响应这些事件,实现自定义的功能。例如,可以为Button的Click事件编写代码,使其在被点击时执行特定任务。 ...

    Adobe Flex 3 Component Explore

    2. 样式和主题:Flex 3允许自定义组件的样式,通过CSS可以改变组件的颜色、字体、边距等属性,甚至可以创建全局的主题。 3. 事件处理:学习如何监听和响应组件上的用户交互事件,例如点击、鼠标移动等。 4. 数据...

    PictureBox控件应用方案

    - **描述:** 返回或设置一个值,该值指示在运行时当鼠标移动到对象的一个特定部分时,被显示的鼠标指针的类型。 - **应用场景:** 更改鼠标指针样式。 26. **Name** - **描述:** 返回在代码中用于标识控件、或...

    创建自己的jquery表格插件

    同时,还设置了悬停时的背景色,以便于用户在鼠标移动到某行时能清楚地感知。 JSON文件是后端数据源,包含了一个对象数组,每个对象表示表格的一行数据。在这个例子中,每行数据有`ID`、`name`、`description`和`...

    VS2008中MSChart图表控件详细介绍

    **用途:** 改变鼠标在图表上移动时的样式,提高用户体验。 ##### DrawMode **定义:** 绘制模式。 **用途:** 设置绘制图表时使用的模式,例如平滑、阴影等。 ##### Footnote **定义:** 图表的脚注。 **用途:**...

    Visual C++程序开发范例宝典(光盘) 第四部分

    实例087 可随鼠标移动的图形 实例088 随图像大小变换的图像浏览器 3.3 图片效果 实例089 图片马赛克效果 实例090 图片百叶窗效果 实例091 电影胶片特效 实例092 翻转图片效果 3.4 图片颜色转换 实例093 ...

    Visual C++程序开发范例宝典(光盘) 第八部分

    实例087 可随鼠标移动的图形 实例088 随图像大小变换的图像浏览器 3.3 图片效果 实例089 图片马赛克效果 实例090 图片百叶窗效果 实例091 电影胶片特效 实例092 翻转图片效果 3.4 图片颜色转换 实例093 ...

Global site tag (gtag.js) - Google Analytics