"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/,如需转载请自行联系原博主。

目录
相关文章
|
6月前
|
数据可视化 数据挖掘 数据管理
当钢铁企业装上数据眼,从此告别PPT
当钢铁企业装上数据眼,从此告别PPT
|
6月前
|
Python
分享77个工作总结PPT,总有一款适合您
分享77个工作总结PPT,总有一款适合您
49 0
|
6月前
|
安全 前端开发 大数据
分享99个工作总结PPT,总有一款适合您
分享99个工作总结PPT,总有一款适合您
72 0
|
6月前
|
Python
分享88个工作总结PPT,总有一款适合您
分享88个工作总结PPT,总有一款适合您
78 0
|
6月前
|
UED Python
分享81个工作总结PPT,总有一款适合您
分享81个工作总结PPT,总有一款适合您
35 0
|
SQL 人工智能 算法
Android性能优化之应用瘦身(APK瘦身)
Android性能优化之应用瘦身(APK瘦身)
|
3月前
|
缓存 前端开发 JavaScript
快如闪电!揭秘网页秒开秘籍,网友:再也不怕网速拖后腿!
【8月更文挑战第6天】随着互联网的发展,快速的网页加载成为关键。本文介绍前端性能优化策略,涵盖资源压缩与合并、图片优化、缓存利用、CDN部署、CSS及JavaScript的加载顺序优化、异步加载及DOM和CSS渲染减少等方面,旨在全面提升页面加载速度与用户体验。通过实施这些技术,可有效改善网站性能,满足用户需求并提升搜索引擎排名。
55 2
|
5月前
|
机器学习/深度学习 搜索推荐
一招告别百度广告烦恼,同时效率提高100倍的几个常用搜索技巧!
一招告别百度广告烦恼,同时效率提高100倍的几个常用搜索技巧!
|
6月前
|
安全 Python
分享96个工作总结PPT,总有一款适合您
分享96个工作总结PPT,总有一款适合您
42 1