mvc 部分视图实现无刷新分页

论坛 期权论坛 脚本     
匿名技术用户   2020-12-29 00:03   203   0

一。部分视图代码。

1,引用你自己的model

@model WebSite.Areas.m.Models.FlOfficial.fllist

2,引用分页控件的命名空间

@using Webdiyer.WebControls.Mvc;

3,分页控件设置:

@Html.AjaxPager(Model.vPager, "listdata", "FlOfficial", new PagerOptions { PageIndexParameterName = "page" }, new AjaxOptions { UpdateTargetId = "ceshi111",InsertionMode=InsertionMode.Replace })//ceshi111是把要分页的部分内容放在id为ceshi111的div中。让其只刷新这里面的内容

二、用部分视图的页面

1,引用js

<script type="text/javascript" src="/content/js/MicrosoftMvcAjax.js"></script>
<script type="text/javascript" src ="/content/js/MicrosoftAjax.js"></script>
<script type="text/javascript" src="/content/js/jquery.unobtrusive-ajax.min.js"></script>

2,根据条件刷新的ajax方法

function change() {
var url1 = '@Url.Action("listdata", "FlOfficial")';
url1 += "?Proid=" + proid + "&Cid=" + cityid + "&Lanmu=" + lanmu + "&Examtype=" + etype + "&Pageinfo=" + pageinfo + "&mark=" + Math.random();
$.ajax({ url: url1, success: function (data) {
document.getElementById("allhtm").innerHTML = data;
}
})
}

3,页面加载时加载部分视图

<div id="allhtm">
@Html.Action("listdata", "FlOfficial", new { Pageinfo = "下载", Proid =ViewBag.pro})
</div>

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP