页面元素的定位scrollintoview

最新推荐文章于 2024-08-23 17:58:50 发布

最新推荐文章于 2024-08-23 17:58:50 发布 · 67 阅读

文章标签：

#.net

本文介绍在ASP.NET中如何通过JavaScript实现页面上特定控件（如TextBox、DataGrid）的滚动定位，包括TextBox的定位及DataGrid指定行的高亮显示方法。

在.Net中的应用
1、定位指定控件
/// <summary>
/// 定位txtCode控件
/// </summary>
private void Scroll()
{
string s="<script>function window.onload(){document.all('"+this.txtCode.ClientID+"').scrollIntoView();}</script>";
Page.RegisterStartupScript("",s);
}
2、定位指定DataGrid列

现在给出一种简单的办法（其他的一些利用锚点等办法都比较复杂）

private void Scroll(int index)

{

string s="<script>function window.onload() {document.all('"+this.DataGrid1.ClientID+"').rows["+index+"].scrollIntoView();}</script>";

Page.RegisterStartupScript("",s);

}

写了一个方法，其中DataGrid1换成自己的DataGrid的ID，这个方法传递进去的参数就是行号，也就是e.Item.ItemIndex。
比如在编辑操作的时候会写this.DataGrid1.EditItemIndex=e.Item.ItemIndex;
在此语句的以前加入Scroll(e.Item.ItemIndex);就可以了
同样在更新操作的时候写为Scroll(e.Item.ItemIndex);this.DataGrid1.EditItemIndex=-1;绑定;