(转)让页面自动滚动到刷新页面之前的控件处,减少页面刷新带来的不便。
2007-07-02 13:51
232 查看
用了一个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的位置,减少了页面刷新带来的不便。
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的位置,减少了页面刷新带来的不便。
相关文章推荐
- 页面自动滚动到刷新页面之前的控件
- 回退页面后自动滚动到之前访问的高度。
- 页面加载之前自动刷新一次
- 页面加载之前自动刷新一次
- ScrollView 嵌套 ListView 时,刷新页面时,会出现 自动 滚动至listview 的区域 解决方案:
- 在地图页面,自动布局控件开始是隐藏或在屏幕外需要正常显示时再为正常的显示状态的,需要在显示之前加入
- ScrollView 嵌套 ListView 时,刷新页面时,会出现 自动 滚动至listview 的区域 解决方案:
- JQuery实现页面刷新滚动条自动滚动到特定位置
- TreeView 滚动条 子节点定位 页面回发刷新后,滚动条自动定位到被选择节点出,javascript库jQuery实现 兼容服务器端控件
- ASP.Net页面刷新后自动滚动到原来位置
- ASP.Net刷新页面后自动滚动到原来位置方法汇总
- 服务器端控件Button会自动刷新页面
- 页面刷新后,自动滚动到原先位置
- ASP.Net页面刷新后自动滚动到原来位置
- ASP.Net刷新页面后自动滚动到原来位置方法汇总
- ASP.Net刷新页面后自动滚动到原来位置方法汇总
- 自动刷新页面——知多少
- [原创]ASP.net下的前台日历控件源代码(不刷新页面)
- 禁止ScrollView在子控件的布局改变时自动滚动的的方法
- Ajax_servelt 实现页面自动刷新