站长论坛

标题: 用JavaScript解决ASP.NET服务器控件造成的刷新问题 [打印本页]

---

作者: ajax    时间: 2007-10-6 14:06
标题: 用JavaScript解决ASP.NET服务器控件造成的刷新问题
用ASP.NET开发的人对服务器端控件事件引起的页面刷新很头痛吧！

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

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

ScriptHelper类代码：

1. ///
   
2. /// 提供一些产生页面脚本的方法
   
3. ///
   
4. public class ScriptHelper
   
5. {
   
6. 
   
7. 　///
   
8. 　 /// 获取客户端查看控件的脚本
   
9. 　 ///
   
10. 　 ///
    
11. 　 /// 脚本代码
    
12. 　 public static string GetViewControlScript(string controlName)
    
13. 　 {
    
14. 
    
15. 　 //创建客户端函数ViewObj
    
16. 　 string script = "\n";
    
17. 　 script += "\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 += "\n";
    
36. 
    
37. 　 return script;
    
38. 　 }
    
39. 
    
40. }

复制代码

使用示例：

为了方便输入脚本，我在页面上放了个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的位置，减少了页面刷新带来的不便。

---

欢迎光临 站长论坛 (http://tzlink.com/bbs/)

Powered by Discuz! X3.2