打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
gridview 选择行

gridview 选择行 改造

   大家都知道GridView有个属性,叫AutoGenerateSelectButton属性,设置它为TRUE时。会在GRIDVIEW最左端出现一列选择按钮。但是作为表格,它这种选择方法实在不符合平常的使用习惯。
  
   经过查询资料,并加以改造。现在可以实现鼠标移到某行上,该行变颜色。离开后恢复。点击后,选中该行,并变为另一种颜色。
  
  1、首先设置AutoGenerateSelectButton属性为TRUE;
  
  2、
  
  protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
   { //判断是否是数据行
   if (e.Row.RowType == DataControlRowType.DataRow)
   {
  
   //鼠标移动到某行上,该行变色
   e.Row.Attributes.Add("onmouseover", "c=this.style.backgroundColor;this.style.backgroundColor='#999999'");
  
   //鼠标移开后,恢复
   e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=c");
  
   //点击后,实现该行的选中
  
   e.Row.Attributes.Add("onclick", "__doPostBack('GridView1','Select$" + e.Row.RowIndex + "')");
  
   }
   }
  
  3、protected void GridView1_SelectedIndexChanged(object sender, EventArgs e)
   {//设置选中行的颜色
   GridView1.SelectedRowStyle.BackColor = Color.FromArgb(8, 222, 222, 0) ;
   }
  
  4、 protected void GridView1_RowCreated(object sender, GridViewRowEventArgs e)
   {
   //将GRIDVIEW的第一列,即选择列隐藏
  
  
   e.Row.Cells[0].Attributes.Add("style", "display:none;");
  
   }
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
Gridview光棒效果 鼠标滑过
使用GridView自带事件进行行定位
Asp.Net中GridView加入鼠标滑过的高亮效果和单击行颜色改变
ASP.NET2.0下含有DropDownList的GridView编辑、删除的完整例子!...
各个事件中GridView怎样获取主键值
GridView事件DataBinding,DataBound,RowCreated,Ro...
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服