ASP.NET中SmartNavigator(1.1)属性与MaintainScrollPositionOnPostback新属性解析
来源:互联网 发布:金融大数据服务平台 编辑:程序博客网 时间:2024/05/29 08:40
可能我们会经常遇到这种情况,当页面内容比较多的时候,当用户执行操作执行一次页面回送后,页面又重新从顶端开始显示,用户不得不重新拖动滚动条回到先前的位置,这会给用户带来很不友好的体验。
幸好,asp.net提供了有关属性,可以彻底帮助我们解决这一问题。
NET1.1版中使用SmartNavigator,SmartNavigator属性只能在后台代码中设置,当我们把SmartNavigator设置为true时,检视 HTML 原始码,可以发现它多
- <IFRAME ID=__hifSmartNav NAME=__hifSmartNav STYLE=display:none src="/aspnet_client/system_web/1_1_4322/SmartNav.htm"></IFRAME>
- <script language="JScript" type="text/JScript" src="/aspnet_client/system_web/1_1_4322/SmartNav.js"></script>
当页面Submit 时会利用SmartNav.js函式来记录页面目前的水平及垂直滚动条位置,
而 PostBack 后页面重新加载后,会利用SmartNav.js恢复函式来回复页面滚动条位置,重新设定页面的水平及垂直滚动条位置,如此就达到维护页面滚动条位置的动作了。
新版NET只要将 Page 的MaintainScrollPositionOnPostBack 属性设为True ,页面就会自动维护滚动条位置.实现原理相同.
当把 Page.MaintainScrollPositionOnPostBack = "True" 时,检视 HTML 原始码,可以发现它多了"__SCROLLPOSITIONX" 及"__SCROLLPOSITIONY" 这二个 HiddenField,这二个 HiddenField 主要是要来记录页面滚动条的水平及垂直位置。
<input type="hidden" name="__SCROLLPOSITIONY" id="__SCROLLPOSITIONY" value="204" />
页面上也会多了以下这些JavaScript 程序代码,它主要是透过WebForm_SaveScrollPositionSubmit 及WebForm_RestoreScrollPosition 这二个函式来维护页面滚动条位置。
2<!--
3theForm.oldSubmit = theForm.submit;
4theForm.submit = WebForm_SaveScrollPositionSubmit;
5
6theForm.oldOnSubmit = theForm.onsubmit;
7theForm.onsubmit = WebForm_SaveScrollPositionOnSubmit;
8
9theForm.oldOnLoad = window.onload;
10window.onload = WebForm_RestoreScrollPosition;
11// -->
12</script>
当页面Submit 时会利用WebForm_SaveScrollPositionSubmit 函式来记录页面目前的水平及垂直滚动条位置,将水平滚动条位置记录于"__SCROLLPOSITIONX" 这个 HiddenField,垂直滚动条位置记录于"__SCROLLPOSITIONY" 这个 HiddenField。
而 PostBack 后页面重新加载后,会利用WebForm_RestoreScrollPosition 函式来回复页面滚动条位置,也就是将记录在"__SCROLLPOSITIONX" 及"__SCROLLPOSITIONY" 这二个 HiddenField 的值,重新设定页面的水平及垂直滚动条位置,如此就达到维护页面滚动条位置的动作了。
- ASP.NET中SmartNavigator(1.1)属性与MaintainScrollPositionOnPostback新属性解析
- asp.net中MaintainScrollPositionOnPostback属性的使用
- 解析 Page.MaintainScrollPositionOnPostBack 属性
- 解析 Page.MaintainScrollPositionOnPostBack 属性
- MaintainScrollPositionOnPostback属性
- Asp.net2.0中的MaintainScrollPositionOnPostBack属性
- 关于MaintainScrollPositionOnPostBack 属性
- 解析 Page.MaintainScrollPositionOnPostBack 属性 页面刷新后定位
- 【ASP.Net】解析IsPostBack属性
- ASP.NET中IsPostBack属性
- ASP.NET中IsPostBack属性
- asp.net中ContentType属性
- No 18 · 属性MaintainScrollPositionOnPostBack网页定位
- ASP.NET 2.0 及其以后的版本中 CheckBox 控件的两个新属性
- ASP.Net中控件的EnableViewState属性
- ASP.Net中控件的EnableViewState属性
- ASP.Net中控件的EnableViewState属性
- ASP.Net中控件的EnableViewState属性
- 我要转型!?
- 匿名方法
- Java网络编程之URI、URL研究(下) 01
- Window Mobile 设备管理之新进展
- Mac OS X下PHP+Apache+MySQL+ZendStudio开发环境的配置
- ASP.NET中SmartNavigator(1.1)属性与MaintainScrollPositionOnPostback新属性解析
- 基于URL的高层次Java网络编程
- libcmtd.lib(crt0dat.obj) : error LNK2005: _exit already defined in msvcrtd.lib(MSVCRTD.dll) 编译错误解决方法
- Oracle与SQL Server几个语句的不同
- j2EE 汇总
- Java网络编程之URI、URL研究(下) 03
- C#基础技巧--字符串处理函数
- POJ 1032 数字分析
- 如何调用远程web service