用脚本解决ASP.NET页面刷新问题

2022-07-15 80酷酷网 80kuku.com

　　asp.net|脚本|解决|刷新|问题|页面用ASP.NET开发的人对服务器端控件事件引起的页面刷新很头痛吧！

　　Not在此把Not在做一个项目时的解决方法拿出来与大家共享。
　　Not的思路是事件执行完后写段脚本，让页面自动滚动到刷新页面之前的控件处，减少页面刷新带来的不便。
　　比如按了一个按钮后，脚本会自动将页面自动滚动到这个按钮的位置。

　　写段脚本的事情Not用了一个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 += var webSiteID = 6;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的位置，减少了页面刷新带来的不便。