gridview选择行。
来源:互联网 发布:智能网络电力仪表 编辑:程序博客网 时间:2024/05/23 17:56
大家都知道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;");
}
经过查询资料,并加以改造。现在可以实现鼠标移到某行上,该行变颜色。离开后恢复。点击后,选中该行,并变为另一种颜色。
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;");
}
- GRIDVIEW多行选择
- GridView中选择行
- GRIDVIEW多行选择
- GRIDVIEW多行选择
- GridView 双击选择行
- GridView行选择事件
- c# GridView选择行
- gridview整行选择
- gridview选择行。
- GridView控件选择行
- JS控制GridView行选择
- 利用JavaScript选择GridView行
- 利用JavaScript选择GridView行
- GridView单击行 选择checkbox
- 利用JavaScript选择GridView行
- JavaScript获取GridView选择的行内容
- 浅谈GridView中的行选择功能
- Checkbox选择全部(GridView)
- Windows快捷键大全
- jsp 中文乱码问题
- 便利的开发工具 CppUnit 快速使用指南
- 搭建mysql负载均衡及高可用环境
- 波多尔地区pm10浓度的预测
- gridview选择行。
- 找工作
- gtest中如何跳出当前测试案例
- oracle常见密码问题
- 使用Jquery+EasyUI进行框架项目开发案例讲解之一---员工管理源码分享
- 编写优美的GTest测试案例
- Nova Service启动源码分析
- 推荐一款jQuery导航栏滚动悬浮插件stickUp
- iOS学习之WebView的使用