如何在ASP.NET中用accordion实现分页 [英] How to implement paging with accordion in ASP.NET

问题描述

我有项目清单的手风琴小组。我有超过100个条目。我使用手风琴窗格和数据库实现10条记录。我需要在手风琴窗格的底部添加分页，该分页显示页码，每个页面从数据库中获取项目列表。



我尝试了什么：

I have accordion panel for project list. I have more than 100 entries. I implement 10 records using accordion pane with database. I need to add the paging at bottom of accordion pane which shows page number and each page fetch "Project list" from the database.

What I have tried:

<div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        <asp:SqlDataSource ID="sds1" runat="server" ConnectionString="Data Source=sandipv;Initial Catalog=Test;Integrated Security=True" 

            ProviderName="System.Data.SqlClient" SelectCommand="SELECT  
                    Id, Title, Decription, Agency, Supervisor,
                    TeamMember, StartDate, EndDate  FROM Project_Eng " />
        
        <ajaxToolkit:Accordion ID="MyAccordion" DataSourceID="sds1" runat="server" 

            SelectedIndex="-1" HeaderCssClass="accordionHeader" HeaderSelectedCssClass="accordionHeaderSelected" 

            ContentCssClass="accordionContent" FadeTransitions="false" FramesPerSecond="40" 

            TransitionDuration="250" AutoSize="None" RequireOpenedPane="false" 

            SuppressHeaderPostbacks="true" Width="900px" >
            
            <headertemplate><%#DataBinder.Eval(Container.DataItem, "Id")%>. 
                <%#DataBinder.Eval(Container.DataItem, "Title")%>

            <contenttemplate>
                
                <p style="font-family: Varela, sans-serif">Brief Profile:
                <%#DataBinder.Eval(Container.DataItem, "Decription")%></p>

                <p style="font-family: Varela, sans-serif">Funding Agency: 
                    <%#DataBinder.Eval(Container.DataItem, "Agency")%> 
                    
                </p>

                <p style="font-family: Varela, sans-serif">Principal Investigator:  
                    <%#DataBinder.Eval(Container.DataItem, "Supervisor")%> 
                    Team Members:  <%#DataBinder.Eval(Container.DataItem, "TeamMember")%>
                </p>

                

                <p style="font-family: Varela, sans-serif">Start Date:  
                    <%#DataBinder.Eval(Container.DataItem, "StartDate")%>  
                    End Date:  <%#DataBinder.Eval(Container.DataItem, "EndDate")%>
                </p>

                <p style="font-family: Varela, sans-serif">
                    
                </p>

                <p style="font-family: Varela, sans-serif">For further query
                    <a target="_top">Send Mail</a> 
                    
                </p>

             
            <panes>
                <ajaxToolkit:AccordionPane ID="AccordionPane1" runat="server">
                   
                    <%--//--- Content -----%>
                   
                
                <ajaxToolkit:AccordionPane ID="AccordionPane2" runat="server">
                    <%--//--- Heading -----%>
                    
                
                <ajaxToolkit:AccordionPane ID="AccordionPane3" runat="server">
                    <%--//--- Heading -----%>
                    
                
                <ajaxToolkit:AccordionPane ID="AccordionPane4" runat="server">
                    <%--//--- Heading -----%>
                    
                
            
        
    </div>

推荐答案

我要开始在CP知识库中搜索 [ ^ ]。有很多例子，例如：

Paging ASP.NET中的大型结果集 [ ^ ]

使用ASP.NET GridView进行自定义分页 [ ^ ]



MSDN文档也很有帮助！

ASP.NET 2.0的GridView示例：对GridView数据进行分页和排序 [ ^ ]

在GridView中分页Web服务器控制 [ ^ ]

为ASP.NET创建寻呼机控件 [ ^ ]

< a href =https://msdn.microsoft.com/en-us/library/bb445504.aspx>教程25：有效地分析大量数据 [ ^ ]

I'd start searching on CP Knowledge Base[^]. There's tons of examples, i.e.:
Paging of Large Resultsets in ASP.NET[^]
Custom paging with ASP.NET GridView[^]

MSDN documentation is helpful too!
GridView Examples for ASP.NET 2.0: Paging and Sorting the GridView's Data[^]
Paging in a GridView Web Server Control[^]
Creating a Pager Control for ASP.NET[^]
Tutorial 25: Efficiently Paging Through Large Amounts of Data[^]

这篇关于如何在ASP.NET中用accordion实现分页的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！