"SmartNavigation"超级瘦身减肥苗条版ClientNavigation

简介:
在我的上两片文章中我介绍了Page类的SmartNavigation属性的实现(.NET Framework 1.1/2.0中 SmartNavigation的实现),M$虽然实现的非常的巧妙,但是这样的“偷梁换柱”同时也带来了一些负面的影响。他们主要表现在这几个方面:
    1、页面不能再使用浏览器提供的forward和backward,因为这两个动作作用在window.document对象上,而我们实际提交的页面是这个document里的IFrame,它是不能被f&b的。这个问题挺郁闷的,因为用户不能backward,在提交的时候会丢失很多第一次未能提交成功的表单信息;
    2、给调试程序代来麻烦,我们看不到当前页面真正的HTML源码,因为服务器response的信息也还是IFrame中,我们只能看到doucment中陈旧的信息;
    3、对于原始页面使用了动态生成html对象的情况,SmartNavigation是肯定出问题的。就是页面更新后,由于doucment实际没有更新,IFrame里也没有处理到动态生成的Html对象。
    4、兼容性,目前的SmartNavigation都没有考虑兼容性问题,像Opera, Konqueror等浏览器,不能正确地Navigate;
    5、不能获取Request.UrlReferrer引用,UrlReferrer总是空;
    6、对于提交表单后,使用rander一段alert(...)来产生对用户提示的页面,在使用SmartNavigation的页面时,提交后不能显示预期的alert窗口;
    7、对一些特殊符号的提交产生bug,比如在使用SmartNavigation的页面中,如果向TextBox中写入一个“`“(按一下Esc下面那个键)开头的值。Submit后,TextBox会消失掉,在Submit一下,TextBox出现,但里面的值已经没有了;
    8、页面中写在<head>内的CSS styesheet,在第一次Submit后就会丢失,这个从1.1的SmartNavigation源代码里可以看到,他在处理<head>时,只处理了<title>和<mate>;
    9、DefaultRedirect属性不能正确执行,这个可以查看M$的KB813831。
    总的说来,SmartNavigation的出现还是不错的,不过由于它真正的复杂,也同时导致了不少的问题。所以使用SmartNavigation功能一定要慎重,同时对于太复杂并内嵌大量JScript脚本的页面,就不要考虑了。

    罗嗦了半天,真正的主角还没有出场,真是失败。下面就就来看看我的“SmartNavigation“的超级瘦身减肥苗条版:
    其实也太简单了,就是记录Post时的ScrollTop,Response后在set这个ScrollTop到提交时的位置,不过我做了一个控件,拖到页面上就让该页面具有Navigate的功能了。代码如下:
using System;
using System.Collections;
using System.ComponentModel;
using System.Drawing;
using System.Text;
using System.Web;
using System.Web.UI;
using System.Web.UI.Design;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;

namespace Birdshome.Web.UI.WebControls
{
    /// <summary>
    /// Summary description for Class1.
    /// </summary>
    [Designer(typeof(Birdshome.Web.UI.Design.ClientNavigationDesigner))]
    [ToolboxData("<{0}:ClientNavigation runat="server"></{0}:ClientNavigation>")]
    public class ClientNavigation : WebControl, INamingContainer, IPostBackDataHandler
    {
        public ClientNavigation() : base() {}

        public int Position
        {
            get
            {
                object obj = ViewState["Position"];
                return obj == null ? 0 : (int)obj;
            }
            set
            {
                ViewState["Position"] = value;
            }
        }

        protected override void Render(HtmlTextWriter writer)
        {
            this.RegisterClientScript();
            writer.AddAttribute(HtmlTextWriterAttribute.Type, "hidden");
            writer.AddAttribute(HtmlTextWriterAttribute.Id, this.ClientID);
            writer.AddAttribute(HtmlTextWriterAttribute.Name, this.ClientID);
            writer.AddAttribute(HtmlTextWriterAttribute.Value, this.Position.ToString());
            writer.RenderBeginTag(HtmlTextWriterTag.Input);
            writer.RenderEndTag();
        }

        private void RegisterClientScript()
        {
            const string REGISTER_KEY = "__ClientNavigate586787__";
            string strScript = @"
                <script language=""javascript"">
                window.onload = function()
                {{
                    var scrollPsn = {0};
                    var scrollCount = 0; 
                    do
                    {{
                        scrollCount ++;
                        window.scrollTo(0, scrollPsn);
                    }}
                    while(document.body.scrollTop < scrollPsn && scrollCount < 10 );
                }}
                document.body.onscroll = function()
                {{
                    document.all.{1}.value = document.body.scrollTop;
                }}
                </script>";
            if ( !this.Page.IsStartupScriptRegistered(REGISTER_KEY) )
            {
                strScript = String.Format(strScript, this.Position, this.ClientID);
                this.Page.RegisterStartupScript(REGISTER_KEY, strScript);
            }
        }

        IPostBackDataHandler Members
    }
}
    这个ClientNavigation有个问题,就是可以拖多个到一个页面,虽然不影响使用,但不知道有没有好办法能让控件只能在一个Page上最多放一个呢?

本文转自博客园鸟食轩的博客,原文链接:http://www.cnblogs.com/birdshome/,如需转载请自行联系原博主。

目录
相关文章
|
SQL 人工智能 算法
Android性能优化之应用瘦身(APK瘦身)
Android性能优化之应用瘦身(APK瘦身)
|
7天前
|
安全 数据可视化 搜索推荐
做官网怎样才能不花冤枉钱?Websoft9 告诉您真相
客户想做官网却迟迟没有行动,可能是由多种因素导致,包括价格预算因素、技术评估困扰、服务商选型难题等多种原因,本文将帮您分析这些问题
32 3
做官网怎样才能不花冤枉钱?Websoft9 告诉您真相
|
3月前
|
缓存 前端开发 JavaScript
快如闪电!揭秘网页秒开秘籍,网友:再也不怕网速拖后腿!
【8月更文挑战第6天】随着互联网的发展,快速的网页加载成为关键。本文介绍前端性能优化策略,涵盖资源压缩与合并、图片优化、缓存利用、CDN部署、CSS及JavaScript的加载顺序优化、异步加载及DOM和CSS渲染减少等方面,旨在全面提升页面加载速度与用户体验。通过实施这些技术,可有效改善网站性能,满足用户需求并提升搜索引擎排名。
48 2
|
5月前
|
机器学习/深度学习 搜索推荐
一招告别百度广告烦恼,同时效率提高100倍的几个常用搜索技巧!
一招告别百度广告烦恼,同时效率提高100倍的几个常用搜索技巧!
|
机器学习/深度学习 存储 人工智能
大厂的广告系统升级,怎能少了大模型的身影
大厂的广告系统升级,怎能少了大模型的身影
248 0
|
程序员 C语言 C++
电视剧里的代码真能运行吗?
虽然剧中说是“C语言期中考试”,但这位同学的代码名叫 draw2.py,一个典型的 Python 文件,再结合截图中的 pen.forward、pen.setpos 等方法来看,应该是用 turtle 海龟作图库来画爱心。
|
Windows
谈一谈|下载软件的门道你懂吗?
谈一谈|下载软件的门道你懂吗?
132 0
|
数据安全/隐私保护 Windows
含泪推荐5款小体积,超实用的工具
大家好,我又来啦,今天给大家带来的5款软件,共同特点都是体积小、无广告、超实用,大家观看完可以自行搜索下载哦。
121 0
含泪推荐5款小体积,超实用的工具
|
缓存 安全 网络安全
cleanmymac x好不好用?2023年值得买吗?
CleanMyMac 是一款功能强大的 Mac 清理程序、加速工具和健康护卫,旨在让您的 Mac 重新展现强劲性能。点按一下,即可优化调整整个 Mac畅享智能扫描 — 这款超级简单的工具用于优化您的 Mac。只需点按一下,即可运行所有任务,让您的 Mac 保持干净、快速并得到最佳防护。CleanMyMac X2023下载:http://t.csdn.cn/scw8f
164 0
|
程序员 Android开发 iOS开发
程序员五一修图小贴士
程序员五一修图小贴士
153 0
程序员五一修图小贴士