ASP.NET分页控件[关闭]

问题描述 投票:0回答:6

我正在 ASP.NET 中寻找一个像样的分页控件,很像 Stackoverflow 分页器。有人可以推荐一个吗?

我更喜欢一个也不使用回发,只是一个可定制的查询字符串。

asp.net pagination
6个回答
11
投票

自己动手非常容易。我创建了一个基于堆栈溢出分页器的简单用户控件,具有两个属性......

  1. 根据底层数据可用的总页数
  2. 要显示的链接数量

通过读取查询字符串来确定所选页面。最大的挑战是使用新页码更改 URL。此方法使用查询字符串参数“p”来指定要显示的页面...

string getLink(int toPage)
{
    NameValueCollection query = HttpUtility.ParseQueryString(Request.Url.Query);
    query["p"] = toPage.ToString();

    string url = Request.Path;

    for(int i = 0; i < query.Count; i++)
    {
        url += string.Format("{0}{1}={2}", 
            i == 0 ? "?" : "&", 
            query.Keys[i], 
            string.Join(",", query.GetValues(i)));
    }

    return url;
}

一个简单的公式来确定要显示的页码范围...

int min = Math.Min(Math.Max(0, Selected - (PageLinksToShow / 2)), Math.Max(0, PageCount - PageLinksToShow + 1));
int max = Math.Min(PageCount, min + PageLinksToShow);

然后使用类似的方法生成每个链接(其中 min 和 max 指定要创建的页面链接的范围)...

for (int i = min; i <= max; i++)
{
    HyperLink btn = new HyperLink();
    btn.Text = (i + 1).ToString();
    btn.NavigateUrl = getLink(i);
    btn.CssClass = "pageNumbers" + (Selected == i ? " current" : string.Empty);
    this.Controls.Add(btn);
}

还可以创建“上一个”(和“下一个”)按钮...

HyperLink previous = new HyperLink();
previous.Text = "Previous";
previous.NavigateUrl = getLink(Selected - 1);

第一个和最后一个按钮是直接的...

HyperLink previous = new HyperLink();
previous.Text = "1";
first.NavigateUrl = getLink(0);

在确定何时显示“...”时,当链接范围不在第一页或最后一页旁边时显示文字控件...

if (min > 0)
{
    Literal spacer = new Literal();
    spacer.Text = "&hellip;";
    this.Controls.Add(spacer);
}

对上面的“max < PageCount".

”执行相同操作

所有这些代码都放在 CreateChildControls 的重写方法中。


4
投票

我期待更多的答案,但看起来很多人只是自己做。我在 codeproject.com

上找到了一个不错的、经常维护的

cp

它与 stackoverflow.com 上的不太一样。如果有一个像样的开源控件,具有多种不同的输出选项,那就太好了。


2
投票

我使用过 DevExpress 和 Telerik 页面控件,并且更喜欢 DevExpress 分页器。我不确定 DevExpress 寻呼机是否可以直接使用查询字符串,但如果不能,我会感到惊讶,因为它非常灵活。 至于下载后现有页面之间的分页,所有内容都可以驻留在客户端上,或者如果需要访问服务器,则该控件完全配备 AJAX。 我建议您从 www.devexpress.com 开始搜索,然后也查看 www.Telerik.com(也配备了 AJAX)。


2
投票
SQL Server 2005 Paging


0
投票
了解更多:

http://www.codeproject.com/Articles/748270/Flexy-Pager-for-ASP-NET-WebForm-MVC

enter image description here


0
投票
NPager

。使用页面索引的查询字符串,无回发。需要 Bootstrap 进行样式设置,但是您可以使用“分页”CSS 类为控件拥有自己的自定义 css 类。这是一个工作的 DEMO

enter image description here

© www.soinside.com 2019 - 2024. All rights reserved.