本人菜鸟，最近在用MVC4和MVCpager做无刷新分页时，发现点击下一页时数据不是Ajax提交的，弄了好久终于找到原因，原来还是Jquery引用的问题，现在把代码粘出来，希望能帮到刚接触的程序员，第一次自己写博客，文才不好，有什么改进的地方还希望大神多多指教。

 using Webdiyer.WebControls.Mvc;

 namespace MVCPage.Controllers

 {

     public class HomeController : Controller

     {

         public ActionResult Index(int?id,string name)

         {

             id = id ?? ;

             int pageSize =;

             DemoDBEntities db = new DemoDBEntities();

             IQueryable<Person> temp = db.Person.Where(c =>true).OrderBy(c=>c.ID);

             PagedList<Person> pageList = temp.AsQueryable<Person>().ToPagedList<Person>(id.Value, pageSize);

             if (Request.IsAjaxRequest())

             {

                 return PartialView("_ParIndex",pageList);

             }

             return View(pageList);

         }

     }

 }

控制器代码

这是先提醒一下，新建项目后必须引用MVCpager.dll，引用时希望去下载最新的2.0版本，不然还会有其他问题。

 @using Webdiyer.WebControls.Mvc

 @model Webdiyer.WebControls.Mvc.PagedList<MVCPage.Models.Person>

 @{

     ViewBag.Title = "Index";

 }

 <div>

     @using (Ajax.BeginForm("index", new RouteValueDictionary { { "id", "" } },

      new AjaxOptions { UpdateTargetId = "articles", HttpMethod = "Get",

       InsertionMode = InsertionMode.Replace}, new RouteValueDictionary { { "id", "searchForm" } }))

     {

      <input placeholder="请输入姓名" type="text" name="name" id="source" style="width:120px"/>

         <input type="submit" value="搜索"/>

     }

 </div>

 <div id="MVCpager">

    @Html.Partial("_ParIndex", Model)

 </div>

 @section Scripts{@{Html.RegisterMvcPagerScriptResource();}

 <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")"></script>

  }

视图Index页面

 <!DOCTYPE html>

 <html>

 <head>

     <title>@ViewBag.Title</title>

 </head>

 <body>

     @RenderBody()

     <script type="text/javascript" src="/Scripts/jquery-1.8.2.min.js"></script>

     @RenderSection("Scripts",false)

 </body>

 </html>

布局页_Layout.cshtml

 @using Webdiyer.WebControls.Mvc

 @model Webdiyer.WebControls.Mvc.PagedList<MVCPage.Models.Person>

 <table>

     <tr>

         <th>姓名

         </th>

         <th>年龄

         </th>

         <th>性别

         </th>

         <th></th>

     </tr>

     @foreach (var item in Model)

     {

         <tr>

             <td>

                 @Html.DisplayFor(modelItem => item.Name)

             </td>

             <td>

                 @Html.DisplayFor(modelItem => item.Age)

             </td>

             <td>

                 @Html.DisplayFor(modelItem => item.Sex)

             </td>

             <td>

                 @Html.ActionLink("Delete", "Delete", new { id = item.ID })

             </td>

         </tr>

     }

 </table>

 <div style="float: left; width: 50%">共 @Model.TotalPageCount 页 @Model.TotalItemCount 条记录，当前为第 @Model.CurrentPageIndex 页</div>

 </br>

 <div style="float: left; width: 30%">

     @Ajax.Pager(Model, new PagerOptions

 {

     PageIndexParameterName = "id",

     ShowPageIndexBox = true,

     PageIndexBoxType = PageIndexBoxType.DropDownList,

     ShowGoButton = false,

 }, new MvcAjaxOptions

 {

     UpdateTargetId = "MVCpager",

     DataFormId = "searchForm"

 }, new { style = "float:right" })

 </div>

分部视图_ParIndex

这里需要说一下Index页面是默认加载布局页的，我们可以看到布局页已经引用了Jquery1.8，所以index页面就不用再引用了，由于加载布局页所以我们引用Jquery文件时会这样引用：

@section Scripts{@{Html.RegisterMvcPagerScriptResource();}

<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")"></script>

 }

如果没有使用布局页，也就是说当你设置Layout = null;的时候我们直接这样引用

<script type="text/javascript" src="@Url.Content("/Scripts/jquery-1.8..min.js")"></script>

<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")"></script>

@{Html.RegisterMvcPagerScriptResource();}

这里要注意一下：@{Html.RegisterMvcPagerScriptResource();}这一句必须放在最后面。不然控制器Request.IsAjaxRequest()一直会是false;到这里我们的无刷新就基本没有什么问题了

现在说一下在搜索时我是使用Ajax.BeginForm来提交表单的，在Index页面代码里可以看到这里提交时设置成了Get提交方式，而且设置了一个ID属性，new RouteValueDictionary { { "id", "searchForm" } }，在分部视图_ParIndex页面的分页控件中我们也设置了一个属性 DataFormId = "searchForm"，这样当我们点击下一页时搜索的参数也就可以自动带过去了。

asp.net MVC4 +MVCpager 无刷新分页的更多相关文章

  1. MvcPager无刷新分页，包含搜索和跳转功能

    1.MVC无刷新分页和搜索(第一版)  http://pan.baidu.com/s/1eRQ7Ml8  密码:uqf7 出现的问题: 1)程序不走判断条件一直为false, 错误原因:1)可能没有引 ...

  2. asp.net练习②——Paginaton无刷新分页

    aspx代码: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server" ...

  3. asp.net MVC4 +MVCpager

    asp.net MVC4 +MVCpager 无刷新分页 本人菜鸟,最近在用MVC4和MVCpager做无刷新分页时,发现点击下一页时数据不是Ajax提交的,弄了好久终于找到原因,原来还是Jquery ...

  4. ASP.NET中无刷新分页

    上次介绍了我们代码写的刷新分页,这次就来说说无刷新分页. 这次我们是在上次的基础上改动了一些,我们都知道想要无刷新,就需要Ajax,在我们的ASP.NET中AJax是和一般处理程序配合着用的. 无刷新 ...

  5. MvcPager.dll使用实现无刷新分页以及MvcPager的Nuget程序包实现刷新分页

    无刷新分页: 1.引入JQuery的NuGet程序包 2.引入程序包 3.引入MvcPager.dll  ,MvcPager.dll文件下载链接http://pan.baidu.com/s/1hsvB ...

  6. ASP.NET Ajax简单的无刷新分页

    最近练习了一些AJAX无刷新分页,写得比较简单,性能不知道怎么样,求大神指点,如有更好的分页提供,欢迎交流! 发话不多说了,直接上代码! 首先从网上下了一个JS分页,感觉挺好用的 (function( ...

  7. MVC无刷新分页

    MVC无刷新分页(即局部刷新,带搜索,页数选择,排序功能)   我查看了很多网站,大部分评论分页都是局部刷新的,可大部分电商商品展示分页都是有刷新页面的,于是我便做了一个商品展示无刷新分页的例子.接下 ...

  8. MVC无刷新分页（即局部刷新，带搜索，页数选择，排序功能）

    我查看了很多网站,大部分评论分页都是局部刷新的,可大部分电商商品展示分页都是有刷新页面的,于是我便做了一个商品展示无刷新分页的例子.接下来我就将做一个模仿淘宝已买到的宝贝功能,不过我的是无刷新分页的. ...

  9. 自己动手用Javascript写一个无刷新分页控件

    .NET技术交流群:337901356 ,欢迎您的加入! 对 于一个用户体验好的网站来说,无刷新技术是很重要的,无刷新,顾名思义,就是局部刷新数据,有用过Asp.net Web Form技术开发网页的 ...

随机推荐

  1. Python读写Json文件

    一个小例子,使用Json配置文件 # -*- coding: utf-8 -*- import json import time def store(data): with open('data.js ...

  2. SQL Sever 各版本下载 SQL Server 2012下载SQL Server 2008下载SQL Server 2005

    SQL Server 2012SQL Server 2012 开发版(DVD)(X64,X86)(中文简体)ed2k://|file|cn_sql_server_2012_developer_edit ...

  3. mysqldump 的方式来搭建master-->slave 的复制架构

    1.master 上要满足的最小条件: 1.server_id 已经设置成了一个非0值 2.log_bin 配置好binlog 2.slave 上要满足的最小条件 1.server_id 已经设置成了 ...

  4. 添加事件监听兼容IE6-8

    IE8一下浏览器不支持addEventListener,用attachEvent取而代之,但是在时间类型前面要加上’on‘,例如click时间在attachEvent中要写成onclick. var ...

  5. springMVC+ freemark多视图配置

    <!--通用视图解析器--> <bean id="viewResolverCommon" class="org.springframework.web. ...

  6. GUI为什么不设计为多线程（用户事件和底层事件的流程是相反的，每层都加锁效率太低，共用一把锁那就是单线程）

    在我们这批新人转正评审的时候,我师父问了我的小伙伴一个问题:为什么一些更新界面的方法只能在主线程中调用?师父没有问我这个问题,让知其然但不知其所以然的我有种侥幸逃过一难的心情.我想如果回答那是因为An ...

  7. 【原创整理，基于JavaScript的创建对象方式的集锦】

    以下4种方式,是我在项目中最常见的JavaScript的面向对象的方式的开发. 测试一般在微软的工具:http://www.typescriptlang.org/Playground 进行测试,或者使 ...

  8. UESTC_秋实大哥与线段树 2015 UESTC Training for Data Structures<Problem M>

    M - 秋实大哥与线段树 Time Limit: 3000/1000MS (Java/Others)     Memory Limit: 65535/65535KB (Java/Others) Sub ...

  9. Course Schedule II 解答

    Question There are a total of n courses you have to take, labeled from 0 to n - 1. Some courses may ...

  10. Java语言程序设计(基础篇) 第八章 多维数组

    第八章 多维数组 8.2 二维数组的基础知识 二维数组中的元素通过行和列的下标来访问. 8.2.1 声明二维数组变量并创建二维数组 下面是二维数组的语法: 数据类型[][] 数组名; int[][] ...