1

折りたたみ可能なパネルエクステンダーのターゲットとなるパネル内のWebページにAjaxHTMLEditorがあります。

パネルを展開すると、パネル内のコントロールが表示されずに大きな空きスペースができます。

ここでの問題は、パネルが拡張されているが、ボタンや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 に答える