天天看点

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

方法一:

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

"防止页面滚动"

方法二:

Page.SmartNavigation = true;

有可能会造成你页面JavaScript 出错,这是ASP.NET 的一个BUG

方法三:

利用<大眼睛>的原理,我把过程简化了一下,分三部分:

一、

在<form>与</form>之间插入<input type="hidden" name="__SCROLLPOS">,用以记录页面的当前滚动位置;

二、

给<body>起个名字,比如:<body id="theBody">,同时编写body的onscroll事件,总体如下:

<body id="theBody" onload="bodyload()" onscroll="document.all["__SCROLLPOS"].value = theBody.scrollTop;">

三、

在Page_Load事件中加入如下代码(vb.net),作用在于ie显示该页面时,马上重新定位原来的滚动位置:

  Dim js As String

  js = "<script language=""javascript"">function bodyload() {"

js &= "js &= "theBody.scrollTop = " & CInt("0" & Request.Form("__SCROLLPOS")) & "; "

js &= "document.forms[0].__SCROLLPOS.value = " & CInt("0" & Request.Form("__SCROLLPOS")) & "; "

js &= "}</script>"

  Response.Write(js)

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

Not在此把Not在做一个项目时的解决方法拿出来与大家共享。

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

Not的思路是事件执行完后写段脚本,让页面自动滚动到刷新页面之前的控件处,减少页面刷新带来的不便。

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

比如按了一个按钮后,脚本会自动将页面自动滚动到这个按钮的位置。

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?
页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

写段脚本的事情Not用了一个ScriptHelper的类来搞定,这个类有个GetViewControlScript(string controlName)的方法,它返回是一段客户端的脚本,传入的参数就是这个控件的ID。

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?
页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

ScriptHelper类代码:

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?
页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

 /// <summary>

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

 /// 提供一些产生页面脚本的方法

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

 /// </summary>

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

 public class ScriptHelper

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

 {

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?
页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

  /// <summary>

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

  /// 获取客户端查看控件的脚本

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

  /// </summary>

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

  /// <param name="controlName"></param>

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

  /// <returns>脚本代码</returns>

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

  public static string GetViewControlScript(string controlName)

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

  {

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?
页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

   //创建客户端函数ViewObj

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

   string script = "\n";

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

   script += "<script language=\"javascript\">\n";

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

   script += "function ViewObj(objName)\n";

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

   script += "{\n";

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

   script += "var obj = document.all.item(objName);\n";

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

   script += "if (obj != null)\n";

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?
页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

   script += "\tobj.scrollIntoView();\n";

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

   script += "\tobj.focus();\n";

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

   script += "}\n";

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?
页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?
页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

   //创建客户端函数ToDo

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

   script += "function ToDo()";

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?
页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

   script += string.Format("setTimeout(\"ViewObj('{0}')\",1000);\n", controlName);

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?
页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?
页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

   script += "window.onload = ToDo;\n";

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

   script += "</script>\n";

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?
页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

   return script;

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

  }

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?
页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

 }

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?
页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

使用示例:

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?
页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

为了方便输入脚本,我在页面上放了个Label:lblScript,并把lblScript的EnableViewState属性和Visible属性设成False。

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

然后在lblScrpt的Click事件的操作代码后添加输入脚本的代码,如下所示:

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?
页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

private void btnSave_Click(object sender, System.EventArgs e)

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

{

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

 project.UpdateProjectInfo(ds);

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

 lblScript.Text = ScriptHelper.GetViewControlScript("btnSave");

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

}

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?
页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

在点击btnSave按钮后,页面会自动滚动到btnSave的位置,减少了页面刷新带来的不便。

页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?
页面一postback,它就显示页面的最顶端,怎样让它定位在某一位置?

<b></b>

<b>本文转自高海东博客园博客,原文链接:http://www.cnblogs.com/ghd258/archive/2005/10/12/253407.html,如需转载请自行联系原作者</b>

继续阅读