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

用ASP.NET开发的人对服务器端控件事件引起的页面刷新很头痛吧！

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

写段脚本的事情，用了一个ScriptHelper的类来搞定，这个类有个GetViewControlScript(string controlName)的方法，它返回是一段客户端的脚本，传入的参数就是这个控件的ID。

ScriptHelper类代码：

 1 /// <summary> 
 2 /// 提供一些产生页面脚本的方法 
 3 /// </summary> 
 4 public class ScriptHelper 
 5 { 
 6 
 7 　/// <summary> 
 8 　/// 获取客户端查看控件的脚本 
 9 　/// </summary> 
10 　/// <param name="controlName"></param> 
11 　/// <returns>脚本代码</returns> 
12 　public static string GetViewControlScript(string controlName) 
13 　{ 
14 
15 　 //创建客户端函数ViewObj 
16 　 string script = "\n"; 
17 　 script += "<script language=\"javascript\">\n"; 
18 　 script += "function ViewObj(objName)\n"; 
19 　 script += "{\n"; 
20 　 script += "var obj = document.all.item(objName);\n"; 
21 　 script += "if (obj != null)\n"; 
22 　 script += "{\n"; 
23 　 script += "\tobj.scrollIntoView();\n"; 
24 　 script += "\tobj.focus();\n"; 
25 　 script += "}\n"; 
26 　 script += "}\n"; 
27 
28 　 //创建客户端函数ToDo 
29 　 script += "function ToDo()"; 
30 　 script += "{\n"; 
31 　 script += string.Format("setTimeout(\"ViewObj('{0}')\",1000);\n", controlName); 
32 　 script += "}\n"; 
33 
34 　 script += "window.onload = ToDo;\n"; 
35 　 script += "</script>\n"; 
36 
37 　 return script; 
38 　} 
39 
40 } 
41 
42 

使用示例：

为了方便输入脚本，我在页面上放了个Label：lblScript，并把lblScript的EnableViewState属性和Visible属性设成False。
然后在lblScrpt的Click事件的操作代码后添加输入脚本的代码，如下所示：

1 private void btnSave_Click(object sender, System.EventArgs e) 
2 { 
3 project.UpdateProjectInfo(ds); 
4 lblScript.Text = ScriptHelper.GetViewControlScript("btnSave"); 
5 } 

在点击btnSave按钮后，页面会自动滚动到btnSave的位置，减少了页面刷新带来的不便。