为GridView添加鼠标事件
来源:互联网 发布:淘宝买家秀活动封面 编辑:程序博客网 时间:2024/05/22 17:11
在GridView的RowDataBound事件中,可以为行绑定如下的一些属性。
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
……
}
1、添加onmouseover和onmouseout事件:
if (e.Row.RowType == DataControlRowType.DataRow)
{
e.Row.Attributes.Add("onmouseover", "mouseOver(this);");//当鼠标停留时更改背景色
e.Row.Attributes.Add("onmouseout", "mouseOut(this);");//当鼠标移开时还原背景色
}
效果描述:当鼠标指向某一行时,改变这一行的背景色。鼠标离开后,这一行恢复以前的背景色。
前台页面的js:
var oldColor1='#ffffff',oldColor2='#ffffff';
var rowid;
function mouseOver(row)
{
var bgColor=row.style.backgroundColor;
if(bgColor!='#ffff00')
{
oldColor1=bgColor;
row.style.backgroundColor='#C7E4FC';
row.style.cursor='hand';
}
}
function mouseOut(row)
{
var bgColor=row.style.backgroundColor;
if(bgColor!='#ffff00')
{
row.style.backgroundColor=oldColor1;
}
}
显示效果如下:
如图所示:每行原来的背景色是白色;当鼠标移到其上时,背景色变成浅蓝;当鼠标移开某行时,背景色恢复白色;当单击某行时,背景色变为黄色,顶部显示“第*行”中的数字被随之更改;当点击其它行时,原来被点击的行恢复白色背景,行号也会一起更改。
2、添加onclick事件:
e.Row.Attributes.Add("onclick", "setColorIndex(this,'" + e.Row.Cells[0].Text + "');");//单击,取得主键,用于后面的操作
e.Row.Attributes["style"] = "Cursor:hand";//设置悬浮鼠标指针形状为"小手"
或
e.Row.Attributes.Add("onclick", "clickRow(this," + (e.Row.RowIndex + 1) + ");//点击指示当前是第几行
效果描述:当鼠标指向某行时,鼠标的箭头会变成小手效果。单击这一行后,会执行一个预先定义好的客户端js函数
function setColorIndex(obj,rowid)
{
……
}
或
function clickRow(row,rowIndex)
{
if(rowid!=null)
{
rowid.style.backgroundColor=oldColor2;
}
rowid=row;
oldColor2=oldColor1;
row.style.backgroundColor='#ffff00';//单击改变背景色,当单击其它行时,原选中行恢复单击前的背景色
document.getElementById('lblRecIndex').innerHTML=rowIndex;//显示当前是第几行
}
在这个函数中,我们可以为某些控件付值,也可以通过控制css来改变这一行的样式,效果颇多,可以自己挖掘一下。
3、添加ondbclick事件:
类似于前面添加onclick事件。
扩展:很多服务器端控件都有Attributes属性,我们可以通过这个属性的Add方法为此控件添加许多客户端的事件,方便用户操作。还可以通过Style的Add方法,添加已经定义好的样式,实现丰富的页面显示效果。
- 为GridView添加鼠标事件
- 为GridView添加鼠标事件
- 为QLabel添加鼠标事件
- 为GridView添加CheckBox及事件
- js为鼠标添加右击事件
- 为按钮添加鼠标的事件监听器
- Gridview实现添加更新及鼠标移动事件
- 为GridView控件的数据行添加鼠标动作
- 为GridView控件的数据行添加鼠标动作
- 后台添加gridview事件(鼠标事件,单击双击事件)个人总结
- 探讨为GRIDVIEW中的控件动态添加事件
- GridView中为按钮添加相应的事件
- Gridview应用技巧——如何为行添加事件
- 【ASP.NET】3.为GridView每行添加js点击事件
- 为窗口添加鼠标HOVER和LEAVE事件
- 为鼠标点击事件添加全局效果处理
- MFC:为STATIC控件添加鼠标移动事件(VS2010)
- gridview中鼠标双击事件
- Button.ValidationGroup 属性
- socket UDP网络程序编写
- c++程序运行时间统计初探
- 深爱过的人连分手都很默契
- 条款38:通过复合塑模出has-a和根据某物实现出
- 为GridView添加鼠标事件
- 感悟
- 敏捷测试
- V3.0.091118版本更新情况
- java开发者必去的技术网站
- JQuery基础之(二)第一个JQuery程序
- 关于FCKeditor在.net中的使用
- 概率中几种分布函数的曲线
- error C2664: 'MessageBoxW' : cannot convert parameter 2 from 'const char [2]' to 'LPCWSTR'