Ajax中的HTML編輯器可摺疊面板擴展器不會在IE 6中顯示爲asp.net網頁

我在我的網頁中有一個Ajax HTMLEditor，面板是由可摺疊面板擴展器定位的面板。Ajax中的HTML編輯器可摺疊面板擴展器不會在IE 6中顯示爲asp.net網頁

展開面板時，會顯示一個很大的空白區域，而不顯示面板內的任何控件。

這裏的問題是面板被擴展，但它裏面沒有任何可見的東西，包括任何按鈕和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>

來源

2011-10-13 Achilles

我刪除了「Please help。It's urgent。」。從這個問題，因爲它是不相關的，人們傾向於投票並忽略問題，僅僅因爲這個短語是其中的一部分。 – David

這是僅在IE6中發生的嗎？很可能有一些html被控件輸出，並非100％正確。不同的瀏覽器（甚至IE的不同版本）以不同的方式解析html。如果需要支持IE6，您可能需要放棄使用控件。 – David

很多時候，不同的JS庫今天不能很好地混合 - 您可能遇到過相同的問題。我個人更喜歡純粹基於js的方法（比如jquery或jquery插件），而不是基於控制的方法（就像在Ajax Control Toolkit中所做的那樣）。對於可摺疊面板，您可以使用jquery sliding functions。例如，見this fiddle，我已經爲另一個SO question提出了說明多個可摺疊面板

來源

2011-10-13 04:58:41 VinayC

在試圖找到上述問題的解決方案時，我注意到如果鼠標懸停在另一個Ajax控件上，展開後面板中的所有控件都可見。 – Achilles

面板展開後，我試圖將焦點設置爲HTML編輯器。第一次擴展面板時，控件正在加載。再次嵌套同樣的問題正在發生。 – Achilles

Ajax中的HTML編輯器可摺疊面板擴展器不會在IE 6中顯示爲asp.net網頁

回答

相關問題