以前在网上找过不少方法,但不是不好用就是要刷新页面,昨天把以前做的一个需要刷新选中行的代码修改了一下,还挺好用,拿出来大家分享一下,有需要改进之处,欢迎指正!
实现方式:通过javascript进行控制,点击行中任何一个位置,改行被选中变色。
1、首先在.aspx页面块中添加javascript
- <script type="text/javascript">
- var prevselitem=null;
- function selectx(row)
- {
- if(prevselitem!=null)
- {
- prevselitem.style.backgroundColor='#ffffff';
- }
- row.style.backgroundColor='PeachPuff';
- prevselitem=row;
-
- }
- </script>
2、然后修改GridView,添加事件OnRowDataBound,如:
- <asp:GridView
ID="GridView1" runat="server" AllowPaging="True"
AutoGenerateColumns="False" Width="100%" PageSize="12"
OnRowDataBound="GridView1_RowDataBound">
- //省略...
- </asp:GridView>
3、最后在.aspx.cs页面中添加
- protected void GridView1_RowDataBound(object sender,GridViewRowEventArgs e)
- {
- if (e.Row.RowType == DataControlRowType.DataRow)
- {
- e.Row.Attributes.Add("onmouseover", "if(this!=prevselitem){this.style.backgroundColor='#Efefef'}");//当鼠标停留时更改背景色
- e.Row.Attributes.Add("onmouseout", "if(this!=prevselitem){this.style.backgroundColor='#ffffff'}");//当鼠标移开时还原背景色
- e.Row.Attributes.Add("onclick", e.Row.ClientID.ToString() + ".checked=true;selectx(this)");
- }
- }
OK!
分享到:
相关推荐
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) { e.Row.Attributes.Add("onmouseover", "c=this.style.backgroundColor;this.style.backgroundColor='#37B4F5';this.style....
GridView中的TextView选中背景变色
利用AJAX 实现GRIDVIEW无刷新 排序源码
GridView选定行变色GridView选定行变色GridView选定行变色GridView选定行变色GridView选定行变色GridView选定行变色
Gridview无刷新状态例子,值得好好参考!也可以直接放到项目中去.
Gridview无刷新排序 Gridview无刷新排序 Gridview无刷新排序
使用原生态 GridView 和 Jquery 实现单击主表行无刷新联动从表。此方法非网上传的单击行中的一个链接,而是单击行。欢迎大家下载
asp.net ajax GridView 无刷新
这个例子主要是cs服务端绑定客户端js事件,并传递数据的id值,和行的客户端ID,通过客户端id来改变 GridView的颜色,在Html代码中,Gridview相当于一个行。通过Gridview自动生成的一个行的客户端id来取值
GridView无刷新排序(Ajax+ASP.NET+XML)! 很值得下载看看!资源免费,大家分享!!
给GridView设置默认选中效果 及 选中后的效果
GRIDVIEW无刷新AJAX 排序源码_aspx开发教程
javascript_css实现GridView行背景.pdfjavascript_css实现GridView行背景.pdfjavascript_css实现GridView行背景.pdfjavascript_css实现GridView行背景.pdfjavascript_css实现GridView行背景.pdfjavascript_css实现...
android GridView下拉刷新
android GridView下拉刷新完整代码 测试通过
使用RecyclerView实现GridView和ListView混排的效果
JavaScript实现GridView中单选框,复选框,下拉列表的嵌套
GRIDVIEW无刷新AJAX 排序源码
GridView无刷新分页,使用jquery,ajax,json
GRIDVIEW无刷新AJAX 排序源码.zip