SmartNavigation在Fx2.0中下岗了...

简介:

当我们在最开始接触ASP.NET时,除了被.NET的整个框架和code-behind的代码方式吸引之外,同时对一些M$提供的cookies也非常的欣赏。其中SmartNavigation特性就是大家印象比较深的,不过这个cookie的使用和它受到的期望却相去甚远,这是为什么呢?微软在Framework 2.0里又是怎对待它的呢?

    关于Page类的SmartNavigation属性的原理、问题以及改进,我曾写了一个系列文章在2004年9月份,同时有幸受约发表于《开发高手》期刊。现在来看Fx1.0/1.1中实现的SmartNavigation特性,用一句话:中看不中用。来评价,是不算太过分的。虽然这个功能的创意和实现是挺不错的,不过它实际使用的问题实在是太多了,可以看看这篇文章了解一二。那么我们在Framework 2.0 beta2中,还要继续使用这个特性吗?

    现在我们在Framework 2.0 beta2中再使用SmartNavigation特性,将会得到一个编译时warning。因为Page.SmartNavigation这个属性已被标注为Obsolete了。同时,Framework 2.0建议我们使用一个叫做MaintainScrollPositionOnPostBack的Page属性来代替SmartNavigation。名字真是无比的啰嗦,它是干什么的呢?就做和我后来弄个那个ClientNavigation一样的事情,在页面提交后,保持Scroll Bar的位置在新的Response页面中。

    MaintainScrollPositionOnPostBack的实现原理和ClientNavigation基本相同,区别是前者是通过处理Page,即整个页面的返回内容的更改来实现的,而ClientNavigation以一个控件方式提供。这都无所谓了,具体看了一下前者的实现,还是有一个地方是值得学习的,就是获取ScrollBar的位置的代码,代码片断如下:

function WebForm_GetScrollX() 
{
     if (__nonMSDOMBrowser) 
    {
         return window.pageXOffset;
    }
     else 
    {
         if (document.documentElement && document.documentElement.scrollLeft) 
        {
             return document.documentElement.scrollLeft;
        }
         else  if (document.body) 
        {
             return document.body.scrollLeft;
        }
    }
     return 0;
}

    如此简单的代码,有什么问题呢?只细看else分支,为什么不直接返回document.body.scrollLeft,要啰哩啰唆搞得这么复杂?因为这里有一个IE的bug(我曾在开发TreeView控件,然后把TreeView放在Frame中时遇到过),在某些情况下,我们滚动了滚动条通过document.body.scrollLeft取不到ScrollBar的位置值,这个属性总是为"0"。那么我们就都用document.documentElement.scrollLeft来取不就行吗了?这里这样做微软是为了考虑向下兼容性,因为document.documentElement属性是IE5.0以后才提供的。另外就是,回传的ScrollBar位置,通过两个预置的hide field搞定:

< input  type ="hidden"  name ="__SCROLLPOSITIONX"  id ="__SCROLLPOSITIONX"  value ="0"   />
< input  type ="hidden"  name ="__SCROLLPOSITIONY"  id ="__SCROLLPOSITIONY"  value ="365"   />


    MaintainScrollPositionOnPostBack和ClientNavigation都是一种非常轻便的解决方法,使用这种新的方法,基本避免了原来SmartNavigation中的所有问题,同时MaintainScrollPositionOnPostBack还支持cross-browser。新实现方式,唯一的一个小问题是如果页面篇幅太长或载入速度太慢,会有一个页面跳跃的扰动,当然这点小缺陷和正确、稳定、轻便比起来就不是什么大问题了。



目录
相关文章
|
6月前
|
图形学
【推荐100个unity插件之19】武器拖尾特效插件——Pocket RPG Weapon Trails(2d 3d通用)
【推荐100个unity插件之19】武器拖尾特效插件——Pocket RPG Weapon Trails(2d 3d通用)
125 0
|
Linux Windows
荔枝派Zero(全志V3S)驱动开发之USB摄像头 2
荔枝派Zero(全志V3S)驱动开发之USB摄像头
171 0
|
Ubuntu Linux
荔枝派Zero(全志V3S)驱动开发之USB摄像头 1
荔枝派Zero(全志V3S)驱动开发之USB摄像头
179 0
|
Linux
荔枝派Zero(全志V3S)基于QT实现在LCD显示图片
有这样一个需求,通过配置 QT,在 linux 下实现显示我所想要显示的图片,实现的方式是我可以在命令行将图片的路径作为入参传入进去,从而对其进行显示,在之前的文章中已实现了在板子上运行 QT5 程序,此需求要自己写个 QT 程序,且需要对 buildroot 进行裁剪支持一些常用的图片格式即可。
362 2
|
Python
通过游戏学Python系列之小兔要上天---手把手教你使用Pygame开发平台跳跃类游戏03之重力及碰撞检测
通过游戏学Python系列之小兔要上天---手把手教你使用Pygame开发平台跳跃类游戏03之重力及碰撞检测
189 0
|
存储 并行计算 物联网
海思3559万能平台搭建:VGS的画线处理
海思3559万能平台搭建:VGS的画线处理
1237 0
海思3559万能平台搭建:VGS的画线处理
|
安全 Android开发
21天打卡Andoid学到的一些小知识-第十九二十二十一天
今天我们学习打卡的内容是:android 10.0 去掉未知来源弹窗 默认授予安装未知来源权限
95 0
|
物联网
启明云端分享:一款基于瑞芯微PX30核心板的配套功能底板
IDO-EVB3022-V1.0是一款基于瑞芯微PX30核心板(我司核心板料号为IDO-SOM3022-V1.0)的配套功能底板。底板采用 DDR3 内存金手指 204P 插座作为核心板安装接口,其外围具有网口、串口、USB 接口、LVDS 接口等。可适用于工业主机,物联网设备,医疗健康设备, 广告一体机,互动自助终端,教学实验平台,显示控制,车载安防等多个领域 。
208 0
启明云端分享:一款基于瑞芯微PX30核心板的配套功能底板
|
算法 数据可视化 Linux
开扒 SpaceX 飞船技术栈,程序员搞了个 3D 版飞船生成器过瘾
在经历了 十几个小时的飞行后,SpaceX 的载人龙飞船与国际空间站成功对接,国际空间站迎来第一艘商业载人飞船的到访,其背后的技术栈也引起了开发人员的关注,甚至有程序员搞起了 3D 版飞船生成器。
|
Windows
微软可折叠双屏 Surface 诞生前的辛酸往事
传闻已久的可折叠双屏 Surface 的亮相提上了日程。
1102 0