欢迎光临
我们一直在努力

用JavaScript解决ASP.NET服务器控件造成的刷新问题-.NET教程,Asp.Net开发

建站超值云服务器,限时71元/月

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

powered by dvnews.net

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 用JavaScript解决ASP.NET服务器控件造成的刷新问题-.NET教程,Asp.Net开发
分享到: 更多 (0)