0

下午所有，

我想知道是否可以在表格中的 ASP.net 中配置和使用 collapsiblePanelextender。我希望将其用于我正在创建的会议系统的会议记录。我有以下代码，并认为如果我将 pnlPresenter 和 pnlTime 与 pnlHeader 一起添加到 CollapseControlID 中，我将能够使其正常工作，但我不能。

有没有人有任何其他建议？

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

提前谢谢了

问候贝蒂

4

1 回答 1

0

目前尚不完全清楚您想要在这里实现什么，特别是因为您发布的标记中没有 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>
于 2012-05-03T13:08:53.683 回答