.NET mvcpager分頁插件的使用

首先先要下載 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分頁使用方法類似,有需要使用的朋友可以上去官網看看。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章