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

核心提示：用ASP.NET开发的人对服务器端控件事件引起的页面刷新很头痛吧！ 我把解决问题的方法拿出来与大家共享，思路是事件执行完后写段脚本，JavaScript解决ASP.NET服务器控件造成的刷新问题，让页面自动滚动到刷新页面之前的控件处，减少页面刷新带来的不便， 然后在lblScrpt的Click事件的操作代码后添加输入脚

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

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

比如按了一个按钮后，脚本会自动将页面自动滚动到这个按钮的位置。

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

ScriptHelper类代码

/// <summary>

/// 提供一些产生页面脚本的方法

/// </summary>
public class ScriptHelper
{ 字串1
　/// <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"; 字串8
　 script += "if (obj != null)n";
　 script += "{n";
　 script += "tobj.scrollIntoView();n";
　 script += "tobj.focus();n";
　 script += "}n";
　 script += "}n";
　 //创建客户端函数ToDo 字串9
　 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) 字串3
{
project.UpdateProjectInfo(ds);
lblScript.Text = ScriptHelper.GetViewControlScript("btnSave");
}

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