ASP.Net CollapsiblePanelExtender управления

Question

Во второй половине дня все,

Я wonding, если я могу настроить и использовать CollapsiblePanelExtender в ASP.net в таблице. Я бы хотел, чтобы это использовалось в течение минуты системы встреч, которую я создаю. У меня есть следующий код и подумал, что если я добавлю pnlPresenter и pnlTime в CollapseControlID вместе с pnlHeader, я смогу заставить это работать, но я не могу.

Есть ли у кого-нибудь другие предложения?

<table width="100%"> 
    <tr> 
      <td class="style3">Topic</td> 
      <td class="style2">Presenter</td> 
      <td>Time Alloted</td> 
    </tr> 
    <tr > 
      <td class="style1" colspan="3"> 
      <asp:Panel ID="pnlHeader" runat="server" CssClass="cpHeader" Width="228%" Height="18px"> 
       1. Agenda Item 1 
      <asp:Image ID="ImgToggle" runat="server" ImageUrl="~/Images/collapse.jpg" ImageAlign="Middle" /> 
      </asp:Panel> 
      </td> 
    </tr> 
    <tr> 
      <td class="style3"> 
      <asp:Panel ID="pnlInfo" runat="server" CssClass="cpBody" > 
       The Agenda topic details goes within here, The Agenda topic details goes within here, 
       The Agenda topic details goes within here, The Agenda topic details goes within here,. 
      </asp:Panel> 
      </td> 
      <td class="style2"> 
      <asp:Panel ID="pnlPresenter" runat="server" CssClass="cpBody" Width="107px"> 
       Presenters Name 
      </asp:Panel> 
      </td> 
      <td class="style2"> 
      <asp:Panel ID="pnlTime" runat="server" CssClass="cpBody" Width="107px"> 
       Time 
      </asp:Panel> 
      </td> 
     </tr> 
</table> 

Большое спасибо заранее

С уважением Бетти

Answer 1

Это не полностью ясно, что вы хотите достичь здесь, тем более, что нет CollapsiblePanelExtender в разметке вы в курсе, так что я пишу это, исходя из предположения, что вы хотите отобразить страницу для собрания, где каждый пункт повестки дня расширяется/сворачивается.

Предлагаю вам построить свою таблицу с помощью ретранслятора вместо жесткого кодирования его на вашей странице, а затем для каждого пункта повестки дня ретранслятор может отобразить новую строку для вас. Внутри строки, которая вынесенным повторителя, вы можете иметь повестку дня тему, как заголовок, и детали пункта повестки дня, как панель, которая развернутом/разрушилась с помощью удлинителя:

<asp:Repeater runat="server" ID="AgendaRepeater" DataSourceID="AgendaDataSource"> 
    <HeaderTemplate> 
     <table border="1"> 
      <tr> 
       <td> 
       </td> 
      </tr> 
    </HeaderTemplate> 
    <ItemTemplate> 
     <tr> 
      <td> 
       <asp:Label runat="server" ID="AgendaTopicLabel" Text='<%# Eval("Topic") %>' /> 
       <asp:ImageButton runat="server" ID="PanelExpandContractImageButton" ImageUrl="~/images/zoom_in_16x16.gif" /> 
       <asp:Panel runat="server" ID="AgendaItemDetailsPanel" Height="0px"> 
        <asp:Label runat="server" ID="TopicDetailsLabel" Text='<%# Eval("Details") %>' /><br /> 
        <asp:Label runat="server" ID="PresenterLabel" Text='<%# Eval("Presenter") %>' /><br /> 
        <asp:Label runat="server" ID="TimeLabel" Text='<%# Eval("Time") %>' /> 
       </asp:Panel> 
       <ajaxToolkit:CollapsiblePanelExtender runat="server" TargetControlID="AgendaItemDetailsPanel" 
         Collapsed="true" ExpandControlID="PanelExpandContractImageButton" CollapseControlID="PanelExpandContractImageButton" 
         ImageControlID="PanelExpandContractImageButton" CollapsedImage="~/images/zoom_in_16x16.gif" 
         ExpandedImage="~/images/zoom_out_16x16.gif" ExpandedSize="100" ExpandDirection="Vertical" 
         ScrollContents="true" /> 
      </td> 
     </tr> 
    </ItemTemplate> 
    <FooterTemplate> 
     </table> 
    </FooterTemplate> 
</asp:Repeater>