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

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

时间: 2024-12-28 22:24:20

用脚本解决ASP.NET页面刷新问题的相关文章

ASP.NET 页面刷新的实现方法

  ASP.NET 页面刷新的实现方法,比较全了, 包括html与js下的实现方法. 先看看ASP.NET页面刷新的实现方法: 第一: C# code private void Button1_Click( object sender, System.EventArgs e ) { Response.Redirect( Request.Url.ToString( ) ); } 第二: C# code private void Button2_Click( object sender, Syste

ASP.NET 页面刷新的实现方法(包括html,js)_实用技巧

先看看ASP.NET页面刷新的实现方法: 第一: C# code private void Button1_Click( object sender, System.EventArgs e ) { Response.Redirect( Request.Url.ToString( ) ); } 第二: C# code private void Button2_Click( object sender, System.EventArgs e ) { Response.Write( " < sc

ASP.NET页面刷新方法总结

先看看ASP.NET页面刷新的实现方法: 第一: private void Button1_Click( object sender, System.EventArgs e ) { Response.Redirect( Request.Url.ToString( ) ); } 第二: private void Button2_Click( object sender, System.EventArgs e ) { Response.Write( " < script language=ja

ASP.NET页面刷新的几种实现方法(1/3)

asp教程.net页面刷新的几种实现方法 第一:  c# codeprivate void button1_click( object sender, system.eventargs e ) {   response.redirect( request.url.tostring( ) ); } 第二:  c# codeprivate void button2_click( object sender, system.eventargs e ) { response.write( " <

ASP.NET 页面刷新和定时跳转代码整理_实用技巧

刷新的实现方法: =========================================== .net //第1: /*-- 内置跳转 ----*/ Response.Redirect( Request.Url.ToString( ) ); //第2: /*----内置 html ----*/ Response.AddHeader( "Refresh","0" ); //将指定的标头和值添加到此响应的 HTTP 标头. //第3: Response.Wr

asp.net页面刷新后样式发生改变

  我们在做项目指时,会遇到这种问题:   页面加载的时候显示的是一种样式,当调用一些客户端或服务端方法后,页面的样式就发生了改变.   如果没有通过程序来改写页面的样式,则可能是,执行某些方法后,使用整个页面的代码发生了错误.如Js提示用了Response.write后,该方法把输出的内容输出到了整个页面的前面.在<html>标签外面,使页面错误.   怎么解决?           /// <summary>         /// 弹出JavaScript小窗口       

ASP.NET实现页面刷新的方法

< meta http-equiv="refresh" content="300; url=target.html"> 用window.location.href实现刷新另个框架页面 在写asp.net程序的时候,我们经常遇到跳转页面的问题,我们经常使用Response.Redirect ,如果客户要在跳转的时候使用提示,这个就不灵光了,如: Response.Write("< script>alert('恭喜您,注册成功!');

asp.net常见的页面刷新代码

看看ASP.NET页面刷新的实现方法: 第一:   代码如下 复制代码 C# code  private void Button1_Click( object sender, System.EventArgs e )  {  Response.Redirect( Request.Url.ToString( ) );  }  第二:  C# code   代码如下 复制代码 private void Button2_Click( object sender, System.EventArgs e

asp.net页面触发事件panel滚动条高度不变的实现方法_实用技巧

此文是为解决asp.net页面按钮点击触发事件后panel滚动条非自动回到顶端的解决方案,对于页面触发一个事件后,panel滚动条重新回到顶端,做下面的工作每次都要往下拉一下,特别是选择TreeView的时候,这个问题非常头疼,受到this.MaintainScrollPositionOnPostBack = true;的启示有感而发. 原理是在点击时保存panel滚动条的位置,页面触发事件完成后加载时重新赋值.保证页面每次点击都保存,就包含所有的按钮和别的点击事件. 步骤: 1.脚本 <hea