Редактор HTML внутри Ajax Collapsible Panel Extender не отображается в IE 6 для веб-страницы asp.net - PullRequest
0 голосов
/ 13 октября 2011

У меня есть 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>

1 Ответ

0 голосов
/ 13 октября 2011

Много раз, различные библиотеки JS сегодня плохо сочетаются - вы, возможно, сталкивались с одним и тем же.

Лично я предпочитаю подходы, основанные исключительно на js (такие как jquery или плагин jquery), а не подходы, основанные на управлении (как это сделано в Ajax Control Toolkit). Для складной панели вы можете использовать jQuery скользящие функции . Например, см. эту скрипку , которую я поставил для другого ТАКого вопроса , чтобы проиллюстрировать несколько складных панелей

...