当前位置:首页 > 设计在线 > 网页设计 > Javascript > 用JavaScript解决ASP.NET服务器控件造成的刷新问题

用JavaScript解决ASP.NET服务器控件造成的刷新问题

点击次数:32 次 发布日期:2008-11-26 23:15:32 作者:源代码网
源代码网推荐

源代码网整理以下用ASP.NET开发的人对服务器端控件事件引起的页面刷新很头痛吧!

源代码网整理以下我把解决问题的方法拿出来与大家共享,思路是事件执行完后写段脚本,让页面自动滚动到刷新页面之前的控件处,减少页面刷新带来的不便。
比如按了一个按钮后,脚本会自动将页面自动滚动到这个按钮的位置。

源代码网整理以下写段脚本的事情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 = " ";
  script += "<script language="javascript"> ";
  script += "function ViewObj(objName) ";
  script += "{ ";
  script += "var obj = document.all.item(objName); ";
  script += "if (obj != null) ";
  script += "{ ";
  script += " obj.scrollIntoView(); ";
  script += " obj.focus(); ";
  script += "} ";
  script += "} ";

源代码网整理以下  //创建客户端函数ToDo
  script += "function ToDo()";
  script += "{ ";
  script += string.Format("setTimeout("ViewObj("{0}")",1000); ", controlName);
  script += "} ";

源代码网整理以下  script += "window.onload = ToDo; ";
  script += "</script> ";

源代码网整理以下  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)
会员中心
设计在线
本站推荐
设计在线之精华