ie8中的asp.net ajax可折叠面板问题答案

【问题标题】：asp.net ajax collapsible panel in ie8 problemie8中的asp.net ajax可折叠面板问题
【发布时间】：2009-06-01 07:06:34
【问题描述】：

任何人都可以在 ie8 浏览器中尝试这段简单的代码并尝试刷新页面，

在 ie8 中你会在刷新时得到一个关于 getelementbyid 的错误。

当我运行它时，它抱怨无法找到 id 为 'ctl00_main_dd' 的控件

<cc1:CollapsiblePanelExtender ID="CollapsiblePanelExtender2" runat="server"     
     ImageControlID="Image2" CollapsedImage="~/App_Themes/IMStandard/icons/uparrow.png"
    ExpandedImage="~/App_Themes/IMStandard/icons/downarrow.png"
     CollapseControlID="dd" ExpandControlID="dd"
     TargetControlID="pnlQuickKeywordSearch"
     SuppressPostBack="true">
</cc1:CollapsiblePanelExtender>
 <asp:Panel ID="dd" runat="server">
    <h3 class="loginHeader">
        <asp:Image ID="Image2" runat="server" />
        &nbsp;&nbsp;Quick Keyword search&nbsp;<asp:Image ID="HelpIconImage" runat="server"
            Width="16px" Height="16px" ImageUrl="~/App_Themes/IMStandard/icons/help.png" /></h3>
</asp:Panel>
 <asp:Panel ID="pnlQuickKeywordSearch" Style="float: left; border: double 3px #C9DF86;"
    runat="server" >
    <div style="clear: both; padding: 5px;">
    </div></asp:Panel>

有人知道为什么会这样吗？是 ie8 的错误还是我遗漏了什么？

顺便说一句，我正在使用母版页，但我认为这与它没有任何关系。

谢谢

【问题讨论】：

标签： asp.net internet-explorer-8 collapsiblepanelextender

【解决方案1】：

这个例子适用于我在 Windows 7 上运行的 IE8。 id 'ctl00_main_dd' 通常是生成的客户端 ID（VS2010 将使我们能够指定客户端 ID。）

您可以使用 div 代替 asp:panel 进行展开/折叠控件吗？

<div ID="dd">
    <h3 class="loginHeader">
        <asp:Image ID="Image2" runat="server" />
          Quick Keyword search <asp:Image ID="HelpIconImage" runat="server"
            Width="16px" Height="16px" ImageUrl="~/App_Themes/IMStandard/icons/help.png" /></h3>
</div>

然后可折叠面板扩展器应该能够找到静态“dd”客户端 ID。

添加 02.06：没有很好的猜测为什么它只发生在 IE8 中

我会检查 =>

1) 正确的母版页中的文档类型

DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”

2) 勾选 IE8 中的兼容性视图按钮（如果存在）

3) 确保所有 VS、Framework 和 Toolkit 都是最新版本（SP1）

【讨论】：

它没有用，有人对此有什么想法吗？它不应该发生吗？
您使用的是最新版本的工具包吗？如果您还没有这样做，请使用 VS 版本更新 VS/框架/工具包。除此之外，我完全没有想法

【解决方案2】：

我们刚刚遇到了一个奇怪的场景，折叠面板中有一个 style="float:right;" 的标签，删除 div 标签解决了这个问题。希望这对其他人有所帮助。

【讨论】：