Панель ajax не работает в моем приложении?

Question

Я собираюсь реализовать в моем приложении складную панель, но ничего не получится, просто две кнопки ссылки

это мой код

CollapsiblePanelExtender ID="CollapsiblePanelExtender1"
        AutoCollapse ="False" AutoExpand ="false" ScrollContents ="true" TargetControlID ="mypanel"
         Collapsed ="true" CollapsedSize ="0" ExpandedSize ="300"
         ExpandControlID ="mylink" CollapseControlID ="mylink2"  
         CollapsedText ="Show Details..." ExpandedText ="Hide Details..."   runat="server">
        </cc1:CollapsiblePanelExtender> 



    <asp:Panel ID ="mypanel" runat ="Server" Visible ="False"  >
       <asp:TextBox ID="txt" runat ="server" ></asp:TextBox><br />
       <asp:Button ID="btn" runat ="Server" Text ="Click" />           
     </asp:Panel>  
     <asp:LinkButton ID="mylink" runat ="Server" Text ="Mydetaails" OnClick="mylink_Click" ></asp:LinkButton>
     <asp:LinkButton ID="mylink2" runat ="Server" Text ="HideMydetails" OnClick="mylink2_Click" ></asp:LinkButton>

Answer 1

Я не уверен, но вижу как минимум 2 проблемы:

1. Ваш серверный тег CollapsiblePanelExtender должен быть закрыт, поэтому у вас есть:

   Runat = "сервер">

но это должно быть:

runat="server"/>

2. Вы воссоздали классы CSS? CollapsiblePanelExtender работает, управляя стилями, поэтому эти стили должны присутствовать. Также обратите внимание на примечание из (http://www.asp.net/AJAX/AjaxControlToolkit/Samples/CollapsiblePanel/CollapsiblePanel.aspx) "Примечание: CollapsiblePanel предполагает, что используется стандартная блочная модель CSS ... поэтому, пожалуйста, используйте объявление! DOCTYPE (находится в верхней части этой страницы включен по умолчанию для новых страниц ASP.NET), чтобы указать, что страница должна отображаться в стандартном режиме IE. "