asp.net 2.0下gridview中加亮移动行
来源:互联网 发布:糯米网络 编辑:程序博客网 时间:2024/05/22 00:36
看到老外的blog,说asp.net 2.0下的gridview中,当用户在gridview中用鼠标从上到下扫描各行时,起到加亮显示每次移动过的行的一个效果,
用javascript写的,还算简单,记录之
<asp:repeater id="rptrProducts" runat="server">
<HeaderTemplate>
<div><table BorderColor="Silver" border="0" width="50%" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="Maroon" >
<STRONG><font color="White">Product Id</font></STRONG>
</td>
<td bgcolor="Maroon" >
<STRONG><font color="White">Product Name</font></STRONG>
</td>
<td bgcolor="Maroon" >
<STRONG><font color="White">UnitPrice</font></STRONG>
</td>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr id='<%#DataBinder.Eval(Container.DataItem, "ProductID")%>'
onclick='javascript:Repeater_selectRow(this, "<%#DataBinder.Eval(Container.DataItem, "ProductID")%>",true);'
onmouseover='javascript:Repeater_mouseHover(this);' >
<td bgcolor="" valign="top"><%#DataBinder.Eval(Container.DataItem, "ProductID")%></td>
<td bgcolor="" valign="top"><%#DataBinder.Eval(Container.DataItem, "ProductName")%></td>
<td bgcolor="" valign="top"><%#DataBinder.Eval(Container.DataItem, "UnitPrice")%></td>
</tr>
</ItemTemplate>
<FooterTemplate>
</table></div>
</FooterTemplate>
</asp:repeater>
之后用个隐藏域来记录每行的ID,以方便在服务端调用
<INPUT id="hdnProductID" type="hidden" value="0" runat="server" NAME="hdnProductID">
然后是javascript实现CSS效果
function Repeater_selectRow(row, ProductId){var hdn=document.Form1.hdnProductID;hdn.value = ProductId;if (lastRowSelected != row){if (lastRowSelected != null){lastRowSelected.style.backgroundColor = originalColor;lastRowSelected.style.color = 'Black'lastRowSelected.style.fontWeight = 'normal';}originalColor = row.style.backgroundColorrow.style.backgroundColor = 'BLACK'row.style.color = 'White'row.style.fontWeight = 'normal'lastRowSelected = row;}}function Repeater_mouseHover(row){row.style.cursor = 'hand';}
- asp.net 2.0下gridview中加亮移动行
- asp.net 2.0下gridview中加亮移动行
- asp.net 2.0下gridview中加亮移动行
- gridview鼠标移动行加亮
- ASP.NET下GridView中设置链接
- asp.net中listview下嵌套gridview
- asp.net 中Gridview
- ASP.NET 2.0中GRIDVIEW排序
- ASP.NET 2.0中GRIDVIEW排序
- ASP.NET 2.0中GRIDVIEW排序
- ASP.NET 2.0中GRIDVIEW排序
- ASP.NET中GridView多行操作
- ASP.NET中GridView中嵌套GridView
- asp.net实现C#代码加亮显示
- asp.net实现C#代码加亮显示
- asp.net实现C#代码加亮显示
- asp.net实现C#代码加亮显示
- asp.net实现C#代码加亮显示
- asp.net 2.0中使用OWC组件学习小结
- Java程序性能优化
- asp.net 2.0 中生成PDF
- SQL中的全文检索(摘自csdn- zjcxc (邹建) )
- 调用dll和com的区别
- asp.net 2.0下gridview中加亮移动行
- 软件度量
- 开发规范学习心得
- HelloWorld系列--ant经典入门
- PHP技巧:PHP脚本中关于拼写检查函数库
- 简明Python教程
- 入门:PHP编程“数组”的基础知识
- Tomcat集群的三种负载均衡方式优缺点对照
- 基础知识:进程和线程的区别