导航：首页 > 开发技术 >

ASP.NET MVC中如何使用MvcPager

发表于：2024-11-12 作者：千家信息网编辑

千家信息网最后更新 2024年11月12日，这篇"ASP.NET MVC中如何使用MvcPager"文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们

千家信息网最后更新 2024年11月12日ASP.NET MVC中如何使用MvcPager

这篇"ASP.NET MVC中如何使用MvcPager"文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇"ASP.NET MVC中如何使用MvcPager"文章吧。

　　一.分页

　　首先我们需要创建一个ASP.NETMVC的项目,具体怎么创建就不细说了

　　之后我们需要引入控件的dll文件

　　我是在官网下的案例,直接引用的,

　　当然你们也可以从NuGet包中引用

　　找到项目,点击右键会有一个管理NuGet程序包,我们打开它

　　输入Webdiyer找到,并安装

　　实体类

　　Article.cs

　　publicclassArticle

　　{

　　[Display(Name="文章编号")]

　　publicintID{get;set;}

　　[Display(Name="文章标题")]

　　[MaxLength(200)]

　　publicstringTitle{get;set;}

　　[Display(Name="文章内容")]

　　publicstringContent{get;set;}

　　[Display(Name="发布日期")]

　　publicDateTimePubDate{get;set;}

　　[Display(Name="作者")]

　　[MaxLength(20)]

　　publicstringAuthor{get;set;}

　　[Display(Name="文章来源")]

　　[MaxLength(20)]

　　publicstringSource{get;set;}

　　}

　　Cotroller

　　publicActionResultAjaxPaging(intid=1)

　　{

　　using(vardb=newDataContext())

　　{

　　varmodel=db.Articles.OrderByDescending(a=>a.PubDate).ToPagedList(id,5);

　　//判断是否是AJAX请求,如果为true,就返回分部视图

　　if(Request.IsAjaxRequest())

　　returnPartialView("_ArticleTable",model);

　　returnView(model);

　　}

　　应该可以看到,我们引用了这个分页控件的时候,我们返回的不在是List,而是PagedList

　　后面的ToPagedList(起始页,每页显示条数),起始页需要我们在本方法中定义intid=1

　　View:

　　@modelPagedList

　　@usingWebdiyer.WebControls.Mvc;

　　//这个ID就是我们在分页需要来更新的ID

　　@Html.Partial("_ArticleTable",Model)

　　@sectionscripts

　　{

　　@{Html.RegisterMvcPagerScriptResource();}

　　//这句话是必须的,用来注册MVCPager,如果没有可能造成Ajax请求无反应

　　}

　　在视图中我们引用的集合同样也是PagedList

　　@sectionscripts

　　{

　　@{Html.RegisterMvcPagerScriptResource();}

　　//这句话是必须的,用来注册MVCPager,如果没有可能造成Ajax请求无反应

　　}

　　注意:我们的视图是默认使用布局页layout

　　我们不能使布局页为Null@{layout=null},这样会使我们的异步分页无效,我们到控制器的Requset.isAjaxRequset()这一块会一直是false

　　创建分部视图:

　　创建完分布页,里面的使我们需要展示的表格

　　_ArticleTable:

　　@modelPagedList

　　@usingWebdiyer.WebControls.Mvc;

　　序号

　　@Html.DisplayNameFor(model=>model.Title)

　　@Html.DisplayNameFor(model=>model.PubDate)

　　@Html.DisplayNameFor(model=>model.Author)

　　@Html.DisplayNameFor(model=>model.Source)

　　@{inti=0;}

　　@foreach(variteminModel)

　　{

　　@(Model.StartItemIndex+i++)

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

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

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

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

　　}

　　@Ajax.Pager(Model,newPagerOptions{PageIndexParameterName="id",ContainerTagName="ul",CssClass="pagination",CurrentPagerItemTemplate="{0}",DisabledPagerItemTemplate="{0}",PagerItemTemplate="

{0}

"}).AjaxOptions(a=>a.SetUpdateTargetId("articles"))

　　其中需要注意的是:

　　PageIndexParameterName是我们控制器中的参数id,需要保持一致

　　我们需要使用的是@Ajax.Pager(),而不是@Html.Pager

　　AjaxOptions(a=>a.SetUpdateTargetId("articles"))在官网的意思是用于构建MvcAjaxOptions对象的方法

　　我们再来看一下

　　MvcAjaxOptions对象

　　UpdateTargetId:获取或设置要使用服务器响应来更新的DOM元素的ID。这个参数ID就使我们在视图中div的Id

　　上面我们用的是AjaxOptions(a=>a.SetUpdateTargetId("articles"))这个写法,

　　MvcAjaxOptions对象怎么使用呢

　　@Ajax.Pager(Model,newPagerOptions{PageIndexParameterName="id",ContainerTagName="ul",CssClass="pagination",CurrentPagerItemTemplate="{0}",DisabledPagerItemTemplate="{0}",PagerItemTemplate="

{0}

"},newMvcAjaxOptions{UpdateTargetId="RecordList"})

　　通过上面这些我们的异步分页就已经做完了

　　二.复选框选中

　　当我们点击上一页或者下一页的时候我们需要保持之前的复选框状态,

　　并不会因为我们点击上一页或者下一页而改变状态

　　复选框选中的前提就是我们需要异步刷新,只刷新表格,不刷新页面

　　在这个分页控件上,有我们需要的对象

　　MvcAjaxOptions对象

　　来看一下这个对象中我们需要用到的属性,一共只有两个属性我们可以用到:

　　OnBegin:获取或设置要在更新页面之前立即调用的JavaScript函数的名称。

　　OnSuccess:获取或设置在成功更新页面之后要调用的JavaScript函数。