0

午後全部、

テーブル内のASP.netでcollapsiblePanelextenderを構成して使用できるかどうか疑問に思っています。これを、私が作成している議事録システムに使用したいと思います。私は次のコードを持っており、pnlHeaderと一緒にCollapseControlIDにpnlPresenterとpnlTimeを追加すると、これを機能させることができると思いましたが、できません。

他に何か提案はありますか？

 <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 に答える