软件开发分页效果必不可少,对于Asp.Net MVC 而言，MvcPager 是个不错的选择。
由于自带的分页样式不能和项目整体风格兼容，所以我们准备改写源代码，使其能够使用Bootstrap 的分页样式。
先来查看两种分页的html代码
Bootstrap 样式：
...
MvcPager 样式：
rush:xhtml;">
那么问题来了，我们该怎么修改源码来达到Bootstrap 分页效果呢？
1、到官网下载MvcPager 源代码
2、开始研究html 生成规则.
这两步笔者已经帮你做了，下面跟我一起来做修改.
通过代码调试跟踪和查看源码注释，我们知道了最终的HTML 呈现是在PagerBuilder.cs 下的RenderPager() 方法.
rush:csharp;">
var sb = new StringBuilder();
if (_ajaxPagingEnabled)
{
foreach (PagerItem item in pagerItems)
{
//修改前
//sb.Append( GenerateAjaxPagerElement(item) );
//修改后
sb.Append("" + GenerateAjaxPagerElement(item) + " ");
}
}
else
{
foreach (PagerItem item in pagerItems)
{
//修改前
//sb.Append( GeneratePagerElement(item) );
//修改后
sb.Append("" + GeneratePagerElement(item) + " ");
}
}
修改以上代码以获得li标签。由于ul标签是最后加上去的所以我们在这里修改：
rush:csharp;">
if (_pagerOptions.ShowPageIndexBox)
{
if (!_ajaxPagingEnabled)
{
var attrs = new Dictionary();
AddDataAttributes(attrs);
tb.MergeAttributes(attrs,true);
}
sb.Append(BuildGoToPageSection());
}
else
sb.Length -= _pagerOptions.PagerItemsSeperator.Length;
//修改前
// tb.InnerHtml = sb.ToString() ;
//修改后，为ul加上class='pagination'以获得boostrap 分页样式
tb.InnerHtml = "
- " + sb.ToString() + "
有了以上还不行，还需要为当前页增加样式，
修改后的GenerateAjaxAnchor(PagerItem item) 方法为：
rush:csharp;">
private string GenerateAjaxAnchor(PagerItem item)
{
string url = GenerateUrl(item.PageIndex);
if (string.IsNullOrWhiteSpace(url))
//这里直接假的行内样式，可以使用class替换掉
return "" + item.Text + "";
//return HttpUtility.HtmlEncode(item.Text);
var tag = new TagBuilder("a") { InnerHtml = item.Text };
tag.MergeAttribute("href",url);
tag.MergeAttribute("data-pageindex",item.PageIndex.ToString(CultureInfo.InvariantCulture));
//修改后，添加了li标签
return "" + tag.ToString(TagRenderMode.normal) + " ";
}
源码下载：分页控件
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
