CSDN博客

img Not

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

发表于2003/4/19 9:43:00  1469人阅读

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

0 0

相关博文

我的热门文章

img
取 消
img