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

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的位置,减少了页面刷新带来的不便。

分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: