Question

我想在同一个div中向两个不同的中继器展示，但是一次一个。

<div id="tab1" class="tab_content">
  <div class="comment1">
    <div class="comments_header"><a href="#tab1">Our Previous Comments</a></div>
      <div class="prev_comments">
        <asp:Panel ID="Panel2" runat="server">
          <asp:Repeater ID="rptcomment"  runat="server"  >
            <HeaderTemplate>
              <table style="background-color:antiquewhite;  width:600px; cellpadding="0"   >
                <tr >
                  <td colspan="2"></td>
                </tr>
            </HeaderTemplate>
            <ItemTemplate>
              <tr>
                <td style="width:5px; border-bottom:dotted" >
                  <img src="../images/prople.jpg"  style="height: 77px; width: 72px" />
                </td>
                <td style=" border-bottom:dotted">
                  <asp:Label ID="lblname" runat="server" Text='<%#Eval("fullname") %>' />
                  on
                  <asp:Label ID="Label2" runat="server" Text='<%#Eval("datetime") %>' Font-Bold="true"/>
                  <br /> 
                  <asp:Label ID="lblcomment" runat="server" Text='<%#Eval("comment") %>'/>
                </td>
              </tr>
            </ItemTemplate>
            <FooterTemplate>
              </table>
            </FooterTemplate>
          </asp:Repeater>
        </asp:Panel>
        <asp:Panel ID="Panel1" runat="server" ScrollBars="Vertical" Height="457px" Width="607px"> 
          <asp:Repeater ID="RepterDetails"  runat="server"  >
            <HeaderTemplate>
              <table style="background-color:darkturquoise;  width:600px; cellpadding="0">
                <tr >
                  <td colspan="2">
                    <center> <b>Our Previous Comments</b></center>
                  </td>
                </tr>
              </HeaderTemplate>
              <ItemTemplate>
                <tr>
                  <td style="width:5px; border-bottom:dotted" >
                    <img src="http://localhost:1411/images/prople.jpg"  style="height: 77px; width: 72px" />
                  </td>
                  <td style=" border-bottom:dotted">
                    <asp:Label ID="lblname" runat="server" Text='<%#Eval("fullname") %>' />
                    on
                    <asp:Label ID="Label2" runat="server" Text='<%#Eval("datetime") %>' Font-Bold="true"/>
                    <br /> 
                    <asp:Label ID="lblcomment" runat="server" Text='<%#Eval("comment") %>'/>
                  </td>
                </tr>
              </ItemTemplate>
              <FooterTemplate>
                </table>
              </FooterTemplate>
            </asp:Repeater>
          </asp:Panel>
        <center>
          <asp:Label ID="Label1" runat="server" Font-Bold="True" />
          <asp:HyperLink ID="linkPrev" runat="server">Previous Page</asp:HyperLink>
          <asp:HyperLink ID="linkNext" runat="server">Next Page</asp:HyperLink>
        </center>
      <div class="clear"></div>
    </div>
  </div>
</div>

在上面的代码中，当第一页加载时，我想显示panel2中的转发器，当用户点击链接上一条评论时，我想仅显示panel1的转发器，但同样div和同一页。如何解决这个问题？

Answer 1

由于每个转发器都位于asp:Panel内，因此只需将相关面板的Visible属性设置为false即可。

您还可以使用CSS或display: none;的{{1}}个样式对此进行归档。

在同一个div上显示两个中继器但是一次一个

1 个答案: