0

IE 6 用に設計された webapp (asp.net) で ajax collapsiblepanel エクステンダーを使用しています。現在、アプリケーションを IE 8 と互換性を持たせるために、メタタグ - を追加しました。ajax コントロールを使用した折りたたみ可能なパネルを除いて、アプリケーション内のすべてが正常に機能します。

これらのパネルは常に展開されます。

IE 8 で期待どおりにパネルを折りたたんだり展開したりする方法についてのアイデア。

注-overflow:hiddenが存在するcollPanelのcssクラスをdisplay:noneに変更しようとしましたが、これによりパネルが折りたたまれたままになりました。

コードスニペット：

<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>
4

1 に答える 1

-1

IEの一部のバージョンでサポートされることもありますが、Jqueryを使用することをお勧めします。簡単で強力です。

于 2011-08-04T11:36:26.843 に答える