Question

我正在运行ASP .NET AJAX Toolkit 3.5。

我已经设置了一个带有collapsablePanelExtender的面板，它可以在Firefox 3.5中运行，但不适用于IE7！在IE7中，所有“折叠”的面板都不会缩小 - 激活按钮什么都不做。

我的代码：

<asp:ImageButton ID="btnA" runat="server" ImageUrl="~/Image/expand.gif"  />
<asp:Panel ID="pnlA" runat="server" >
<!-- grid -->
     <asp:GridView ID="gridA" runat="server" 
          AllowPaging="True" AllowSorting="True"
          DataSourceID="sdsA" GridLines="Vertical">
      </asp:GridView>
</asp:Panel>
<cc1:CollapsiblePanelExtender ID="cpeA" runat="server"
     Enabled="True" TargetControlID="pnlA" 
     CollapsedSize="0" ExpandedSize="300" Collapsed="true" ScrollContents="true"
     ExpandControlID="btnA" CollapseControlID="btnA"
     ExpandDirection="Vertical" ExpandedImage="~/Image/collapse.gif"           
     CollapsedImage="~/Image/expand.gif"
     ImageControlID="btnA" AutoExpand="false" SuppressPostBack="true">
 </cc1:CollapsiblePanelExtender>

代码有问题吗？

我一直在使用的DOCTYPE是：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

我也尝试过：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" >

UPDATE1：

看起来好像点击按钮会导致面板在重新出现之前暂时“隐藏”。

Answer 1

我刚检查了IE8，Firefox和Chrome中的代码，它似乎正在与所有这些代码一起工作。只需在IE8上查看它，并告诉我它是否有效。

IE7设置或浏览器本身都有问题。代码很好。

Answer 2

如果有其他人遇到这个问题，我会提供额外的答案：

可能的替代方案是使用手风琴控制。这在IE7中运行良好。

ASP .NET - CollapsiblePanelExtender在IE7中不起作用

2 个答案: