首先先要下載 mvcpager,你可以選擇到官網下載幫助文檔也在上面,也可以用下面的鏈接下載:mvcpager
1.先添加引用:
2.View:
@foreach (T_arctie a in Model )
{
<div class="tiggle">
<h3 id="tittle" class="text-info">@a.arctice_name</h3>
<span id="time_autor" class="text-warning">@a.reles_time</span>
<span class="context text-muted ">
<p class="context_mes">@a.arctice_contxt.Substring(0,120)....</p>
<p><a href="#" class="text-warning">閱讀全文></a></p>
</span>
<span id="biaoqian" class="biaoqian text-warning">
標籤:
<a class="text-warning" href="#">計算機</a>
</span>
<p class="biaoqian text-warning text-right">
<a class="text-warning">評論(0)</a>
<a class="text-warning">瀏覽(0)</a>
</p>
</div>
}//遍歷數據
<nav style="text-align:center;">
@Html.Pager(Model,new PagerOptions() {
FirstPageText = "首頁",//設置首頁按鈕的顯示的文字
PrevPageText = "上一頁",
NextPageText = "下一頁",
LastPageText = "末頁",
PageIndexParameterName = "id",//傳到後臺的用於讀取數據的變量
ContainerTagName = "ul",//最外層的標籤
CssClass = "pagination",//引用的css樣式
CurrentPagerItemTemplate = "<li class=\"active\"><a href=\"#\">{0}</a></li>",//選擇時的標籤樣式
DisabledPagerItemTemplate = "<li class=\"disabled\"><a>{0}</a></li>",
PagerItemTemplate = "<li>{0}</li>",//普通顯示的標籤
Id = "bootstrappager"//標籤的id名稱
})
</nav>
3.Controllers
public ActionResult Index(int? id)
{
//查詢文章列表返回List格式
List<T_arctie> pageIndex = (from c in db.T_arctie
orderby c.arctie_id descending
select c).ToList();
PagedList<T_arctie> m = pageIndex.ToPagedList(id??1,pageSize);//id如果空默認爲1
//ViewData["actice"] = list;
return View(m);
}
這是一個普通的用mvcpager分頁插件的普通URL路由分頁,ajax分頁使用方法類似,有需要使用的朋友可以上去官網看看。