每行ASP.NET AJAX Accordian

时间:2016-03-05 16:58:01

标签: c# asp.net ajax

我有一个手风琴布局,我希望在SQL Server上生成的搜索结果中显示此内容。

enter image description here 我应该选择哪种控制方式。中继器?网格视图?列表显示?还是DataList? 我也想要分页

它的代码是

    <asp:Accordion ID="Accordion1" HeaderCssClass="accordionHeader"
    HeaderSelectedCssClass="accordionHeaderSelected"
    ContentCssClass="accordionContent" runat="server" SelectedIndex="0" FadeTransitions="true"
    SuppressHeaderPostbacks="true" TransitionDuration="250" FramesPerSecond="40"
    RequireOpenedPane="false" AutoSize="None" Width="898px">
    <panes>
<asp:AccordionPane ID="Accpane1" runat="server">
    <Header>
        <asp:Label ID="lblMemberId" runat="server" Text="VN10000001"></asp:Label>
    </Header>
    <Content>
        <div class="thumb">
            <a href="viewprofile.aspx">
                <asp:Image ID="imageProfilePic" ImageUrl="~/user/images/User.png"
                    class="img-responsive" runat="server" AlternateText="User Image" />
            </a>
        </div>
        <ul class="login_details1">
            <li>
                <asp:Label ID="lblLastLogin" runat="server" Text="Last Login"></asp:Label></li>
        </ul>
        <p class="description">
            <asp:Label ID="lblAge" runat="server" Text="Age"></asp:Label>&nbsp;
                                , &nbsp;<asp:Label ID="lblHeight" runat="server" Text="Height"></asp:Label>&nbsp; |
                                 &nbsp;<span class="m_1">Religion</span>&nbsp; : 
                                &nbsp;<asp:Label ID="lblReligion" runat="server" Text="Religion"></asp:Label>&nbsp; | 
                               &nbsp; <span class="m_1">Education</span> : 
                                &nbsp;<asp:Label ID="lblEducation" runat="server" Text="Education"></asp:Label>&nbsp; |
                                &nbsp; <span class="m_1">Occupation</span> : 
                                &nbsp;<asp:Label ID="lblOccupation" runat="server" Text="Occupation"></asp:Label>&nbsp;<br />
            <a href="viewprofile.aspx" class="read-more">View Full Profile</a>
        </p>
    </Content>
</asp:AccordionPane>
</panes>
</asp:Accordion>

0 个答案:

没有答案