Ajax CollapsiblePanel не работает в IE 8 для режима совместимости

Question

Я использую расширитель складной панели ajax в веб-приложении (asp.net), предназначенном для IE 6. В настоящее время для обеспечения совместимости приложения с IE 8 я добавил метатег -. Все в приложении работает нормально, кроме складных панелей, использующих элемент управления ajax.

Эти панели всегда расширяются.

Любая идея о том, как обеспечить разрушение и расширение панелей, как и ожидалось в IE 8.

Примечание. Я попытался изменить класс css для collPanel, где отображается переполнение: скрыто: нет, но при этом панель оставалась только свернутой.

Фрагмент кода:

<cc1:CollapsiblePanelExtender ID="ColPnlExtAddUser" runat="server" TargetControlID="pnlAddContentUser"
                                                ExpandControlID="pnlAddHeaderUser" CollapseControlID="pnlAddHeaderUser" Collapsed="True"
                                                ImageControlID="ImgBtnAddUser" ExpandedText="(Hide Details...)" CollapsedText="(Show Details...)"
                                                ExpandedImage="~/images/collapse.jpg" CollapsedImage="~/images/expand.jpg" SuppressPostBack="true"
                                                TextLabelID="lblShowUser" BehaviorID="ColPnlExtAddUserBehavior">
                                            </cc1:CollapsiblePanelExtender>
                                            <asp:Panel Style="cursor: pointer" ID="pnlAddHeaderUser" runat="server" CssClass="collHeader">
                                                <div style="padding: 2px; cursor: pointer; vertical-align: middle;">
                                                    <div id="Div2" style="float: left;">
                                                        <asp:Label ID="labelUserManagement" runat="server" Text="Add User"></asp:Label>
                                                    </div>
                                                    <div style="float: left; margin-left: 20px;">
                                                        <asp:Label ID="lblShowUser" runat="server">(Show Details...)</asp:Label>
                                                    </div>
                                                    <div style="float: right; vertical-align: middle;">
                                                        <asp:ImageButton ID="ImgBtnAddUser" runat="server" ImageUrl="~/images/expand.jpg"
                                                            AlternateText="(Show Details...)" />
                                                    </div>
                                                </div>
                                            </asp:Panel>
                                            <asp:Panel Style="overflow: hidden" ID="pnlAddContentUser" runat="server" CssClass="collPanel"
                                                Height="0px">
                                                <table id="tblAddUserDetails" width="100%" runat="server">
                                                    <tbody>
<tr>
                                                            <td align="left">
                                                                <a class="labelText">First Name</a>
                                                            </td>
                                                            <td>
                                                                <asp:TextBox ID="firstNameTextbox" runat="Server" MaxLength="20" Width = "48%"></asp:TextBox>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td align="left">
                                                                <a class="labelText">Last Name</a>
                                                            </td>
                                                            <td >
                                                                <asp:TextBox ID="lastNameTextbox" runat="Server"                                                    MaxLength="20" Width = "48%"></asp:TextBox>

                                                            </td>
                                                        </tr>
                                      <tr>
                                                            <td align="right" colspan="2">
                                                                <asp:LinkButton ID="saveUserLinkButton" runat="server" CssClass="btnSimpleSave" OnClick="saveUserLinkButton_Click" >Save</asp:LinkButton>

                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </asp:Panel>

Answer 1

да, иногда он поддерживается какой-то версией IE, я предлагаю вам использовать Jquery, это просто и мощно.