详情请点击:365国家紧缺型人才培养计划(简称365计划)和 【技能(TECHNOLOGY)+学历(COLLEGE)】教育(简称TC精英教育)之权威认证
用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的位置,减少了页面刷新带来的不便
|