用ASP.NET开发的人对服务器端控件事件引起的页面刷新很头痛吧！
Not在此把Not在做一个项目时的解决方法拿出来与大家共享。
Not的思路是事件执行完后写段脚本，让页面自动滚动到刷新页面之前的控件处，减少页面刷新带来的不便。
比如按了一个按钮后，脚本会自动将页面自动滚动到这个按钮的位置。
写段脚本的事情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的位置，减少了页面刷新带来的不便。 
|
本类阅读TOP10