(转)让页面自动滚动到刷新页面之前的控件处，减少页面刷新带来的不便。

最新推荐文章于 2025-08-12 14:37:12 发布

转载最新推荐文章于 2025-08-12 14:37:12 发布 · 51 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/foxhorse/archive/2007/07/02/803065.html

文章标签：

#javascript #ViewUI

本文介绍了一个用于使页面自动滚动至指定控件并使其获得焦点的JavaScript脚本实现方法。通过定义一个名为ScriptHelper的类及其实现的GetViewControlScript方法，可以轻松地为页面上的任意控件添加此功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

ScriptHelper类代码：

/// <summary>
/// 提供一些产生页面脚本的方法
/// </summary>
public class ScriptHelper
{

  /// <summary>
  /// 获取客户端查看控件的脚本
  /// </summary>
  /// <param name="controlName"></param>
  /// <returns>脚本代码</returns>
  public static string GetViewControlScript(string controlName)
  {

   //创建客户端函数ViewObj
   string script = "\n";
   script += "<script language=\"javascript\">\n";
   script += "function ViewObj(objName)\n";
   script += "{\n";
   script += "var obj = document.all.item(objName);\n";
   script += "if (obj != null)\n";
   script += "{\n";
   script += "\tobj.scrollIntoView();\n";
   script += "\tobj.focus();\n";
   script += "}\n";
   script += "}\n";

   //创建客户端函数ToDo
   script += "function ToDo()";
   script += "{\n";
   script += string.Format("setTimeout(\"ViewObj('{0}')\",1000);\n", controlName);
   script += "}\n";

script += "window.onload = ToDo;\n";
script += "</script>\n";

return script;
}

}

使用示例：

为了方便输入脚本，我在页面上放了个Label：lblScript，并把lblScript的EnableViewState属性和Visible属性设成False。
然后在lblScrpt的Click事件的操作代码后添加输入脚本的代码，如下所示：

private void btnSave_Click(object sender, System.EventArgs e)
{
project.UpdateProjectInfo(ds);
lblScript.Text = ScriptHelper.GetViewControlScript("btnSave");
}

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

转载于:https://www.cnblogs.com/foxhorse/archive/2007/07/02/803065.html