新华电脑教育网 设为首页 | 加入收藏 | 网站地图 | 招生咨询热线电话:010-67958088  
新华电脑教育北京新华电脑学校→咨询电话: 010-67958088  学校地址: 北京市大兴区旧宫镇庑殿路18号 (729公交总站向北300米) 88159900  咨询QQ-1:北京新华电脑学校欢迎您,我们将热情为您提供最专业的咨询服务
北京新华电脑学校学生组织:学生会网站项目部网络项目部设计项目部广播站我们真诚期待您的加入! 在线报名 在线留言 乘车路线 学校地图  咨询QQ-2:北京新华电脑学校欢迎您,我们将热情为您提供最专业的咨询服务
首页 >> 正文 权威认证介绍考证报考流程考证制度结业证办理流程考证证书规定考证模拟题下载考证模拟视频及考证注意事项CEAC奖学金
用JavaScript解决ASP.NET服务器控件造成的刷新问题
      2007年04月09日14:45  阅:

详情请点击:365国家紧缺型人才培养计划(简称365计划)【技能(TECHNOLOGY)+学历(COLLEGE)】教育(简称TC精英教育)权威认证

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

  

  上一条新闻:
  下一条新闻:
·成功新华人 ---more
     
  ·新华—电脑动漫艺术设计师专业
·新华—电脑环境装饰艺术设计专业
·新华—网站开发高级工程师专业..
·新华—网络技术高级工程师专业.
 
  ·TC精英教育(技能+学历教育)专业.

学院简介 | 专业设置 | 联系我们 | 乘车路线 | 学校地图 | 校园影吧 | 咨询邮箱| 校长信箱 | 网上报名 | 网上咨询 | 驻外招生办 | 郑重声明 | 高薪诚聘 | 友情链接

新华教育集团→北京新华电脑学校 学校地址: 北京市大兴区旧宫镇庑殿路18号(729公交总站向北300米) 北京新华电脑学校咨询电话: 010—67958088   咨询QQ: 88159900
版权所有 2005-2009 Copyright [www.bj-xinhua.com] All rights reserved 设计开发:北京新华电脑学校宣传办 站长信箱:hys_0202@163.com 备案号 京ICP备05076707号

备案号 京ICP备05076707号