Редактор HTML внутри расширителя складной панели Ajax не отображается в IE 6 для веб-страницы asp.net

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

ajax asp.net html-editor collapsiblepanelextender
person Achilles    schedule 13.10.2011    source источник
comment
Я удалил Пожалуйста, помогите. Это срочно. от вопроса, потому что он не актуален, и люди склонны голосовать против и игнорировать вопросы просто потому, что эта фраза является его частью.   -  person David    schedule 13.10.2011
comment
Это происходит только в IE6? Скорее всего, элементы управления выводят какой-то HTML-код, который не является на 100% правильным. Разные браузеры (даже разные версии IE) по-разному анализируют html. Возможно, вам придется отказаться от использования элементов управления, если требуется поддержка IE6.   -  person David    schedule 13.10.2011

Ответы (1)


arrow_upward
0
arrow_downward

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

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

person VinayC    schedule 13.10.2011
comment
Пытаясь найти решение вышеупомянутой проблемы, я заметил, что если указатель мыши наводится на другой элемент управления Ajax, все элементы управления внутри расширенной панели видны. - person Achilles; 13.10.2011
comment
Я попытался установить фокус на HTML-редактор после расширения панели. Элементы управления загружаются при первом расширении панели. Гнездо снова снова та же проблема происходит. - person Achilles; 13.10.2011