1

我的网页中有一个 Ajax HTMLEditor，位于可折叠面板扩展器所针对的面板内。

当面板展开时，有一个很大的空白区域，没有显示面板内的任何控件。

这里的问题是面板已展开，但里面没有任何可见的东西，包括任何按钮和 Html 编辑器。当我向上和向下滚动时，尽管控件有时会变得可见。

<cc1:CollapsiblePanelExtender ID="ColPnlExtEvents" runat="server" TargetControlID="pnlAddContentEvents"
                BehaviorID="ColPnlExtEventsBehavior" TextLabelID="lblShowEvents" SuppressPostBack="true"
                CollapsedImage="~/images/expand.jpg" ExpandedImage="~/images/collapse.jpg" CollapsedText="(Show Details...)"
                ExpandedText="(Hide Details...)" ImageControlID="ImgBtnEvents" Collapsed="True" CollapsedSize="1"
                CollapseControlID="pnlEvents" ExpandControlID="pnlEvents">
            </cc1:CollapsiblePanelExtender>
            <asp:Panel Style="cursor: pointer" ID="pnlEvents" runat="server" CssClass="collHeader">
                <div style="padding: 2px; cursor: pointer; vertical-align: middle;">
                    <div style="float: left;">
                        <asp:Label ID="abnormalEventsLabel" runat="server">Add Abnormal Events</asp:Label></div>
                    <div style="float: left; margin-left: 20px;">
                        <asp:Label ID="lblShowEvents" runat="server">(Show Details...)</asp:Label>
                    </div>
                    <div style="float: right; vertical-align: middle;">
                        <asp:ImageButton ID="ImgBtnEvents" runat="server" ImageUrl="~/images/expand.jpg"
                            AlternateText="(Show Details...)" />
                    </div>
                </div>
            </asp:Panel>
            <asp:Panel Style="overflow: hidden" ID="pnlAddContentEvents" runat="server" CssClass="collPanel"
                Height="0px">
                <table id="tblEventsDetails" width="100%" runat="server">
                    <tr>
                        <td align="left">
                            <a class="labelText">Description</a>
                        </td>
                        <td style="width: 75%">
                            <uc:RichTextBox ID="abnormalEventsDescriptionRichTextBox" runat="server" />
                        </td>
                    </tr>
                    <tr>
                        <td class="blankRow">
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" align="right">
                            <asp:LinkButton CssClass="btnSimpleSave" ID="abnormalEventSaveLinkButton" runat="server"
                                OnClick="abnormalEventSaveLinkButton_Click" OnClientClick="javascript:return ParticularClosureRichTextBoxValidation('ctl00_cphMain_abnormalEventsDescriptionRichTextBox_HTMLText','Abnormal Events');">Save</asp:LinkButton>
                            <asp:LinkButton CssClass="btnSimpleCancelForSubSections" ID="abnormalEventCancelLinkButton"
                                runat="server" CausesValidation="false" OnClick="abnormalEventCancelLinkButton_Click">Cancel</asp:LinkButton>
                        </td>
                    </tr>
                </table>
            </asp:Panel>
4

1 回答 1

0

很多时候，今天不同的 JS 库不能很好地混合——你可能遇到过同样的情况。

就个人而言，我更喜欢基于纯 js 的方法（例如 jquery 或 jquery 插件），而不是基于控制的方法（如 Ajax Control Toolkit 中所做的那样）。对于可折叠面板，您可以使用jquery 滑动功能。例如，请参阅我为另一个SO 问题提出的这个小提琴来说明多个可折叠面板

于 2011-10-13T04:58:41.857 回答