asp.net动态分页功能完整版本

asp.net动态分页功能

1.0效果图点击上一页，下一页，首页，末页，进行相应的也页面跳转。选择第几页点击go进行相应页面跳转。

2.0控制器代码

  public ActionResult Index(int pageIndex = 1, int pageSize = 10, string name = "")
        {
            //获取总记录数
            var totalRows = dt.Roles.Count();
            //计算总页数
            var totalPages = Math.Ceiling(totalRows * 1.00 / pageSize);
            ViewBag.totalPages = totalPages;

            var roles = dt.Roles.Where(p => p.Name.Contains(name))
                .OrderBy(p => p.ID)  //排序
                .Skip((pageIndex - 1) * pageSize)    //跳过
                .Take(pageSize)   //取
                .ToList();
            ViewBag.pageIndex = pageIndex;
            ViewBag.name = name;
            ViewBag.pageSize = pageSize;
            return View(roles);
        }

3.0视图代码

@{
    ViewBag.Title = "Index";
}

全圆园 666

    名称：
    
    


        @foreach (var item in Model)
        {
            
        }
    

    

        

            
编号
            
名称
            
备注
        
    
    

                
@item.ID
                
@item.Name
                
@item.Remark
            





    

        

            共 @ViewBag.totalPages 页，第
            
            页，每页显示

            
                @{
                    var listPageSize = new List { 5, 10, 20, 50, 100 };
                }
                @foreach (var item in listPageSize)
                {
                    if (@ViewBag.pageSize == @item)
                    {
                        @item
                    }
                    else
                    {
                        @item
                    }
                }
            
            条
        
    
    

        

            首页
        
        @if (@ViewBag.pageIndex > 1)
        {
            
上页
        }
        else
        {
            
上页
        }


        

             @ViewBag.pageIndex
        

        @if (@ViewBag.pageIndex < @ViewBag.totalPages)
        {
            

                下页 
            
        }
        else
        {
            

                下页 
            
        }

        

            末页
        
        

            
        
    

@section scripts{
    
}

一.技术难点
如何在页面获取当前页码PageIndex以及每页多少PageSize，输tname入搜索名字。使用viewbag进行控制器到视图传值和视图保存值

例如输入系统后防止系统显示在页面上，知道下次页面刷新。

二.核心代码

1.10使用javascripts方法在url地址栏通过window.href传值

@section scripts{
    
}

οnclick="page(1)"这个方法
括号你的1是指默认未第一页