×

关注微信公众号

免备案网站空间虚拟主机双线空间域名查询PS数码后期
photoshop互助课堂数百G视频教程下载英语培训机构初中英语如何学随时随地聆听大师开讲/课堂
酷素材!视频教程打包下手绘教程抠图教程路径专辑photoshop cs3视频教程
查看: 105910|回复: 5

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

[复制链接]
发表于 2006-1-25 20:44:48 | 显示全部楼层 |阅读模式
用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的位置,减少了页面刷新带来的不便。
本帖的地址:http://bbs.jcwcn.com/forum.php?mod=viewthread&tid=7122
跟着教程做一遍,做完的图要到这里评论交作业,教程有看不懂的地方,可以在贴子下面评论
发表于 2018-1-12 16:10:22 | 显示全部楼层
酷素材
好帖就是要顶
回复 支持 反对

使用道具 举报

发表于 2018-1-12 16:13:38 | 显示全部楼层
真心顶。。。。
回复 支持 反对

使用道具 举报

发表于 2018-1-12 16:09:54 | 显示全部楼层
说的非常好
回复 支持 反对

使用道具 举报

发表于 2018-1-12 16:22:43 | 显示全部楼层
酷素材
LZ真是人才
回复 支持 反对

使用道具 举报

发表于 2018-1-12 15:54:40 | 显示全部楼层
酷素材
教程网我挺你
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | [立即注册]

本版积分规则

2345