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网页

回答

相关问题