Spiga

ASP.NET AJAX RC Tip：页面中无UpdatePanel时UpdateProgress创建出错问题

2006-12-20 03:02 by Jeffrey Zhao, 2558 visits, 网摘, 编辑

　　昨日下午，IM上遇到菌哥，被问到为什么安装ASP.NET AJAX RC之后，某些页面总是在创建UpdateProgress时出现脚本错误。当时给了一个不太好的解决方案，刚才简单看了一下System.Web.Extensions.dll中的相关实现，得出了一个更好的解决方案，在这里简单地说一下。

　　首先，我模拟一个“事发现场”，由此开始解决问题：一般来说，在所有的页面中可能需要统一的Updating Animation，于是可能会将一个UpdateProgress连同ScriptManager放在MasterPage中，如下：

Site.master
<asp:ScriptManager ID="ScriptManager1" runat="server" ScriptMode="Debug">
</asp:ScriptManager>

<asp:ContentPlaceHolder id="Main" runat="server"></asp:ContentPlaceHolder>

<asp:UpdateProgress ID="UpdateProgress1" runat="server">
    <ProgressTemplate>
        Hello World!
    </ProgressTemplate>
</asp:UpdateProgress>

 

　　如果直接以此生成一个页面，并随意加上一个UpdatePanel：

Default.aspx
<asp:Content ID="Content1" ContentPlaceHolderID="Main" Runat="Server">

    <asp:UpdatePanel runat="server">
        <ContentTemplate>
            ...
        </ContentTemplate>
    </asp:UpdatePanel>

</asp:Content>

 

　　此时生成的HTML为：

HTML
...
<form>
...
    <script src="/AjaxEnabledWebSite/WebResource.axd?..."
 type="text/javascript"></script>

    <!-- MicrosoftAjax.js -->
    <script src="/AjaxEnabledWebSite/ScriptResource.axd?..."
 type="text/javascript"></script>

    <!-- MicrosoftAjaxWebForms.js -->
    <script src="/AjaxEnabledWebSite/ScriptResource.axd?..."
 type="text/javascript"></script>

...
    <script type="text/javascript">
        <!--
        Sys.Application.initialize();
        Sys.Application.add_init(function() {
            $create(
  Sys.UI._UpdateProgress,
  {"associatedUpdatePanelId":null,
   "displayAfter":500,
   "dynamicLayout":true},
   null,
   null,
   $get("ctl00_UpdateProgress1"));
        });
        // -->
    </script>
...
</form>
...

 

　　请注意此时的UpdateProgress以一个Sys.UI.Control的形式使用$create被创建，而Sys.UI._UpdateProgress（看来ASP.NET AJAX不希望我们直接使用这个类）是在MicrosoftAjaxWebForms.js文件里被引入。

　　于是问题就出现了，如果页面中没有UpdatePanel，那么MicrosoftAjaxWebForms.js文件不会被引入，而那句$create还在！这就导致了JavaScript错误的发生。当时我提供的方法是：那么就在Site.master里强制加上一个UpdatePanel吧。如下：

强制UpdatePanel
<asp:UpdatePanel runat="server" UpdateMode="Conditional" ID="UP1">
    <ContentTemplate></ContentTemplate>
</asp:UpdatePanel>

 

　　这里把UpdateMode设为了Conditional，也就是说，这里的UpdatePanel永远不会被更新，它的作用只是“强迫”MicrosoftAjaxWebForms.js文件被引入。不过这不是个好的解决方案。

　　如果要解决这个问题，不要让$create语句出现不就可以了吗？在查看过代码以后，发现$create语句只会在ScriptManager的EnablePartialRendering属性为True的情况下出现，那么我们就把ScriptManager的这个属性暴露出去吧。我们可以修改一下Site.master.cs中Site类的代码，把它增加一个属性：

Site.master.cs
public bool EnablePartialRendering
{
    get
    {
        return this.ScriptManager1.EnablePartialRendering;
    }
    set
    {
        this.ScriptManager1.EnablePartialRendering = value;
    }
}

 

　　然后在页面里把MasterPage的EnablePartialRendering属性设为False即可。需要注意的是只有Init阶段才能设置ScriptManager的EnablePartialRendering属性。如下：

Default.aspx.cs
protected override void OnInit(EventArgs e)
{
    base.OnInit(e);

    (this.Master as Site).EnablePartialRendering = false;
}

 

　　至此，任务结束。

Add your comment

21 条回复

  1. #1楼[楼主] Jeffrey Zhao      2006-12-20 03:03
    RC还是变了不少的。
      回复  引用  查看    
  2. #2楼 Dflying Chen      2006-12-20 08:31
    不错啊，有人问过这个问题
      回复  引用  查看    
  3. #3楼 高海东      2006-12-20 08:32
    谢谢老大的提醒
      回复  引用  查看    
  4. #4楼 Cat Chen      2006-12-20 08:41
    是不是模拟beta1取消debug时的做法比较好？也就是多引入一个js文件，如果_UpdateProgess不存在，就创建一个无功能但接口相同的类作为替代。
      回复  引用  查看    
  5. #5楼 菌哥      2006-12-20 10:18
    非常感谢老赵的热心帮助!
      回复  引用  查看    
  6. #6楼 David      2006-12-20 11:40
    用这个方式会好点吧！
      回复  引用  查看    
  7. #7楼[楼主] Jeffrey Zhao      2006-12-20 13:21
    @Dflying Chen
    希望它尽快出正式版……
      回复  引用  查看    
  8. #8楼[楼主] Jeffrey Zhao      2006-12-20 13:21
    @高海东
    :)
      回复  引用  查看    
  9. #9楼[楼主] Jeffrey Zhao      2006-12-20 13:23
    @Cat Chen
    如果这样的话我觉得不太优雅，无缘无故加个空的类……其实我觉得这个问题是ASP.NET AJAX没有考虑到的地方。你看，如果EnablePartialRendering为Flase，或者页面上没有UpdatePanel时，MicrosoftAjaxWebForms.js都不会被引入，但是他们居然没有想到$create语句也应该不显示出来……
      回复  引用  查看    
  10. #10楼[楼主] Jeffrey Zhao      2006-12-20 13:24
    @菌哥
    :)
      回复  引用  查看    
  11. #11楼[楼主] Jeffrey Zhao      2006-12-20 13:24
    @David
    是啊
      回复  引用  查看    
  12. #12楼 Cat Chen      2006-12-21 01:47
    @Jeffrey Zhao
    真正优雅的做法，或许是开一个IHttpModule负责处理此例外。注册脚本依赖本来是UpdateProgress的责任，然而它没有承担这个责任，它自己以来的脚本注册，那么我们之后通过外部方式来补充这种责任，就是通过IHttpModule来检测UpdateProgress是否存在，以及脚本的依赖是否已注册。
      回复  引用  查看    
  13. #13楼[楼主] Jeffrey Zhao      2006-12-21 03:13
    @Cat Chen
    我说的“优雅”倒不是指为控件理清职责，而是用最简单，最直接，最容易看明白，最容易维护的办法解决问题。:)
    你说的这种方法实现的成本比较高，有些得不偿失，而且Http Module会对每一个请求进行操作，不必要的检验太多。遇到什么事情还必须同时维护页面和Module两个地方。
    这样的话，不如直接在Master Page里判断有无UpdatePanel，决定UpdateProgress的显示或隐藏，倒也是一法。
      回复  引用  查看    
  14. #14楼 mian[未注册用户]2006-12-21 14:50
    顶！
      回复  引用    
  15. #15楼[楼主] Jeffrey Zhao      2006-12-21 15:00
    @mian
    :)
      回复  引用  查看    
  16. #16楼 kai[匿名][未注册用户]2006-12-21 15:34
    不错！这个方法很好。
      回复  引用    
  17. #17楼[楼主] Jeffrey Zhao      2006-12-21 15:49
    @kai[匿名]
    您是指哪个方法呢？:)
      回复  引用  查看    
  18. #18楼 Cat Chen      2006-12-22 22:50
    @Jeffrey Zhao
    哦……如果是Simple is the best的话。

    我只是考虑到，用户可能用不止一个master，可能还有其他出现UpdateProgress而不出现UpdatePanel的页面，所以提供一个完全抵消该负面影响的方法，不过效率当然是很低的。
      回复  引用  查看    
  19. #19楼[楼主] Jeffrey Zhao      2006-12-23 00:16
    @Cat Chen
    哎，说不定正式版就没有这个问题了。
      回复  引用  查看    
  20. #20楼 Leem[未注册用户]2006-12-23 00:56
    不知道大家会不会将碰到的这些问题反馈到微软ajax开发组呢,希望在正式版发布时不会有这些问题.包括上次那个引用自定义js文件,必须在文件结尾加入一段代码的问题.
      回复  引用    
  21. #21楼[楼主] Jeffrey Zhao      2006-12-23 01:03
    @Leem
    那个问题已经不会有了。
    // 其实那是故意的，而且因此ASP.NET AJAX对于程序集内嵌资源会自动在资源最后添加那一段话。那种做法的确也有些好处。
      回复  引用  查看    



发表评论

昵称： [登录] [注册]

主页：

邮箱：(仅博主可见)

评论内容：

  登录  注册

[使用Ctrl+Enter键快速提交评论]

0 597416




相关文章:

相关链接: