基于bootstrap的mvcpager简单分页

13 篇文章 0 订阅
12 篇文章 0 订阅


分页是基于mvcpage的 所以的第一步当然是下载mvcpage.dll

然后导入命名空间:

using Webdiyer.WebControls.Mvc;


前提是要引用dll文件;

下面是源代码:

   控制器:     public ActionResult Basic(string id) {


            PagedList<m_user> list;//这里是dll的方法
            ViewBag.count=db.m_user.ToList().Count();//总数
           int num = ViewBag.count % 5 == 0 ? ViewBag.count / 5 : ViewBag.count / 5 + 1;//页数
          ViewBag.num = num;
          
            if(string.IsNullOrWhiteSpace(id))
                {
                   list=db.m_user.OrderByDescending(a => a.id).ToPagedList(1, 5);
                   ViewBag.id = 1;
                }
                else
                {
                   list=db.m_user.OrderByDescending(a => a.id).ToPagedList(int.Parse(id), 5);
                   ViewBag.id = id;
                }

            return View(list);
        }


视图页面:

切记要导入命名空间

@using Boostrap.Models
@using Webdiyer.WebControls.Mvc

@model PagedList<m_product>//m_product表示你后台查询的表名


<table class="table table-striped">
    <caption style="text-align:center;">基本的表格布局</caption>
    <thead>
        <tr>
            <th>id:</th>
            <th>邮箱:</th>
            <th>密码:</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model)
        {
            <tr>
                <td>@item.id</td>
                <td>@item.email</td>
                <td>@item.pwd</td>
                <td>
                    <a href="../../Home/edio">修改</a>
                    <a href="../../Home/edio?id=@item.id">删除</a>
                </td>
            </tr>
        }


    </tbody>
</table>
<div>
    <span style="float:left">共 @ViewBag.count 条数据,当前第 @ViewBag.id 页</span>
    <ul class="pagination" style="float:right">


   @if (Convert.ToInt32(ViewBag.id)<=1)
   {
            <li><a href="#" style="">&laquo;</a></li>
   }
   else { 
   
    <li><a href="../../Home/Basic?id=@(Convert.ToInt32(ViewBag.id) - 1)" style="">&laquo;</a></li>
   }


 @for (int i = 1; i <=ViewBag.num; i++)
 {
      <li><a href=".././Home/Basic?id=@i">@i</a></li>
 }
        @if (Convert.ToInt32(ViewBag.id) >= ViewBag.num)
        {
            <li><a href="#" style="">&laquo;</a></li>
        }
        else
        {


            <li><a href="../../Home/Basic?id=@(Convert.ToInt32(ViewBag.id) + 1)" style="">&raquo;</a></li>
        }
       
    </ul>
</div>


也可以使用控件定义的前台分页实现

@Html.Pager(Model, new PagerOptions { PageIndexParameterName = "id", ContainerTagName = "ul", CssClass = "pagination", CurrentPagerItemWrapperFormatString = "<li class=\"active\"><a href=\"#\">{0}</a>", PagerItemWrapperFormatString = "<li>{0}", Id = "bootstrappager" })
@*PageIndexParameterName = "id"表示后台绑定的pageindex页数,*@

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值