用ASPNET开发的人对服务器端控件事件引起的页面刷新很头痛吧!
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 = em(objName);\\n;
script += if (obj != null)\\n;
script += {\\n;
script += \\tobjscrollIntoView();\\n;
script += \\tobjfocus();\\n;
script += }\\n;
script += }\\n;
//创建客户端函数ToDo
script += function ToDo();
script += {\\n;
script += stringFormat(setTimeout(\\ViewObj({})\\);\\n controlName);
script += }\\n;
script += windowonload = ToDo;\\n;
script += </script>\\n;
return script;
}
}
使用示例
为了方便输入脚本我在页面上放了个LabellblScript并把lblScript的EnableViewState属性和Visible属性设成False
然后在lblScrpt的Click事件的操作代码后添加输入脚本的代码如下所示
private void btnSave_Click(object sender SystemEventArgs e)
{
projectUpdateProjectInfo(ds);
lblScriptText = ScriptHelperGetViewControlScript(btnSave);
}
在点击btnSave按钮后页面会自动滚动到btnSave的位置减少了页面刷新带来的不便