호환성 모드에서 Ajax CollapsiblePanel이 작동하지 않습니다.

IE 6 용으로 설계된 webapp (asp.net)에서 ajax collapsiblepanel 익스텐더를 사용하고 있습니다. 현재 IE 8과 호환되는 응용 프로그램을 만들기 위해 메타 태그 -를 추가했습니다. ajax 컨트롤을 사용하는 접을 수있는 패널을 제외하고는 애플리케이션의 모든 것이 잘 작동합니다.호환성 모드에서 Ajax CollapsiblePanel이 작동하지 않습니다.

이 패널은 항상 확장됩니다.

참고 패널의 붕괴를 보장하고 IE에서 예상대로 확장하는 방법에 대한 어떤 생각 - 내가 오버 플로우 collPanel에 대한 CSS 클래스 변경 시도 : 숨겨진 디스플레이에 존재를이 있지만 어느 것도 보관하지 패널 만 접었습니다.

코드 :

<cc1:CollapsiblePanelExtender ID="ColPnlExtAddUser" runat="server" TargetControlID="pnlAddContentUser" 
               ExpandControlID="pnlAddHeaderUser" CollapseControlID="pnlAddHeaderUser" Collapsed="True" 
               ImageControlID="ImgBtnAddUser" ExpandedText="(Hide Details...)" CollapsedText="(Show Details...)" 
               ExpandedImage="~/images/collapse.jpg" CollapsedImage="~/images/expand.jpg" SuppressPostBack="true" 
               TextLabelID="lblShowUser" BehaviorID="ColPnlExtAddUserBehavior"> 
              </cc1:CollapsiblePanelExtender> 
              <asp:Panel Style="cursor: pointer" ID="pnlAddHeaderUser" runat="server" CssClass="collHeader"> 
               <div style="padding: 2px; cursor: pointer; vertical-align: middle;"> 
                <div id="Div2" style="float: left;"> 
                 <asp:Label ID="labelUserManagement" runat="server" Text="Add User"></asp:Label> 
                </div> 
                <div style="float: left; margin-left: 20px;"> 
                 <asp:Label ID="lblShowUser" runat="server">(Show Details...)</asp:Label> 
                </div> 
                <div style="float: right; vertical-align: middle;"> 
                 <asp:ImageButton ID="ImgBtnAddUser" runat="server" ImageUrl="~/images/expand.jpg" 
                  AlternateText="(Show Details...)" /> 
                </div> 
               </div> 
              </asp:Panel> 
              <asp:Panel Style="overflow: hidden" ID="pnlAddContentUser" runat="server" CssClass="collPanel" 
               Height="0px"> 
               <table id="tblAddUserDetails" width="100%" runat="server"> 
                <tbody> 
<tr> 
                  <td align="left"> 
                   <a class="labelText">First Name</a> 
                  </td> 
                  <td> 
                   <asp:TextBox ID="firstNameTextbox" runat="Server" MaxLength="20" Width = "48%"></asp:TextBox> 
                  </td> 
                 </tr> 
                 <tr> 
                  <td align="left"> 
                   <a class="labelText">Last Name</a> 
                  </td> 
                  <td > 
                   <asp:TextBox ID="lastNameTextbox" runat="Server"             MaxLength="20" Width = "48%"></asp:TextBox> 

                  </td> 
                 </tr> 
             <tr> 
                  <td align="right" colspan="2"> 
                   <asp:LinkButton ID="saveUserLinkButton" runat="server" CssClass="btnSimpleSave" OnClick="saveUserLinkButton_Click" >Save</asp:LinkButton> 

                  </td> 
                 </tr> 
                </tbody> 
               </table> 
              </asp:Panel>

출처

2011-08-04 Achilles

-1

나중에 언젠가는 IE의 일부 버전에 의해 지원, 난 당신이 jQuery를 사용하는 것이 좋습니다, 그것은 간단하고 강력하다.

출처

2011-08-04 11:36:26

호환성 모드에서 Ajax CollapsiblePanel이 작동하지 않습니다.

답변

관련 문제