用JavaScript解决ASP.NET服务器控件造成的刷新问题
2004-09-19 18:19
399 查看
用ASP.NET开发的人对服务器端控件事件引起的页面刷新很头痛吧! 我把解决问题的方法拿出来与大家共享,思路是事件执行完后写段脚本,让页面自动滚动到刷新页面之前的控件处,减少页面刷新带来的不便。 比如按了一个按钮后,脚本会自动将页面自动滚动到这个按钮的位置。 写段脚本的事情,用了一个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的位置,减少了页面刷新带来的不便。 |
来源:程序员之家 |
相关文章推荐
- 用JavaScript解决ASP.NET服务器控件造成的刷新问题(转载)
- 用JavaScript解决ASP.NET服务器控件造成的刷新问题
- 用JavaScript解决ASP.NET服务器控件造成的刷新问题
- 用JavaScript解决ASP.NET服务器控件造成的刷新问题
- 用JavaScript解决ASP.NET服务器控件造成的刷新问题
- 用JavaScript解决ASP.NET服务器控件造成的刷新问题
- 用JavaScript解决ASP.NET服务器控件造成的刷新问题
- 解决ASP.NET服务器控件造成的刷新问题
- 解决ASP.NET服务器控件造成的刷新问题
- 集成平台自动登入+C# Login控件,造成的HttpContext.Current.User.Identity.Name 为空问题解决方案
- 【Javascript】解决Ajax轮询造成的线程阻塞问题(过渡方案)
- UpdatePane刷新和Ajax控件Timer的问题,刷新没有效果,解决方法
- IE9浏览器中的My97日历控件刷新后无法打开问题解决办法
- 由DOCTYPE造成的Javascript运行错误问题之解决方法
- JavaScript页面刷新与弹出窗口问题解决方法
- 解决JavaScript页面刷新 与 弹出窗口问题 无提示关闭窗口
- SubmitOncePage:解决刷新页面造成的数据重复提交问题
- 解决JavaScript页面刷新与弹出窗口问题
- JavaScript页面刷新与弹出窗口问题的解决方法