用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的位置，減少了頁面重新整理帶來的不便。