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

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

有帮助吗?

解决方案 2

其他提示

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

  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 的重写方法中。

我受够了的DevExpress和Telerik的页面控件工作,更喜欢的DevExpress寻呼机。我不的确定的,如果DevExpress的寻呼机可以用查询字符串直接工作,但如果它没有,因为它是非常灵活的,我会感到惊讶。至于下载后存在的页面之间的寻呼,一切都可以驻留在客户端上,如果到服务器的行程是必要的,控制是完全AJAX装备。我建议你在www.devexpress.com开始搜索,然后检查了www.Telerik.com以及(这也是AJAX配备)。

我已经写命名寻呼机控制:Flexy寻呼机,点击 了解更多: HTTP://www.codeproject的.com /文章/ 748270 / Flexy-传呼机换ASP-NET-Web窗体-MVC

“在这里输入的图像描述”

您可以尝试 NPager 。用来页面索引,没有回传查询字符串。需求引导的造型,但是你可以有控制使用自己的自定义CSS类“分页” CSS class.Here是一个工作的演示

“在这里输入的图像描述”

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top