MVC PartialView 方式实现点击加载更多
2024-08-27 15:49:54
<table id="MovieListing"> </table>
<div>
<button id="btnShowMore">显示更多</button>
</div>
<form>
<input type="hidden" id="pIndex" name="pIndex" value="0" />
</form>
<script type="text/javascript">
$Content = $("#MovieListing");//填充父容器
$PIndex = $("#pIndex");// $(function () {
$("#btnShowMore").click(function () {
ShowMore();
}); ShowMore();
}); function ShowMore() {
$.ajax({
url: "Listing",
data: { pIndex: $PIndex.val() },
success: function (data) {
$Content.append(data);
$PIndex.val(+($PIndex.val()) + 1);
}
});
} </script>
前台主界面里,准备好一个数据填充容器,一个临时保存当前获取第几页的容器,
Controller里写个返回分布视图的Action,用到了了两个获取数据的方法,下面会贴出来的,别急。
public ActionResult Listing(int pIndex)
{
int pageCount = ;//每次获取的条数
if (pageCount * pIndex > zService.MovieService().Length())//数量越界
{
return null;
}
var resault = zService.MovieService().Filter(pIndex, pageCount);
return PartialView(resault);
}
返回数据的代码,就随便写个Service,里面的两个方法:
public class MovieService
{
private MovieDBContext db = new MovieDBContext(); public IEnumerable<MovieInfo> Filter(int pIndex, int count)
{
return db.Movies.OrderBy(d => d.ID).Skip(pIndex * count).Take(count).ToList();
}
public int Length()
{
return db.Movies.Count();
}
}
最新文章
- HTML/Elements/base
- ASP.Net Session, Cookie, Cache的区别
- [bootstrap] 实用的bootstrap模版下载
- jBPM - jBPM Installer
- HDOJ(HDU) 1985 Conversions(汇率转换)
- Windows Server 2008 R2 开启Win7主题效果Aero
- 基于visual Studio2013解决C语言竞赛题之1054抽牌游戏
- 新秀学习Hibernate——一个简单的例子
- Android Context MODE的四种模式解析(转)
- 为什么我的Android SDK Manager中只显示已安装的package?
- H5JS二维动画制作!two.js的基本操作class1
- hdu 5937 -- Equation(搜索)
- 猜随机数(控制台输入,字符串转int)
- Chrome浏览器调试Android的Webview
- shiroUtil工具类
- java.lang.IllegalStateException: Invalid use of BasicClientConnManager: connection still allocated.
- Python全栈之路----Python基础元素
- fatal: protocol error: bad line length character: This
- git 命令详解
- tree的使用,显示行号,find命令应用
热门文章
- Cache及(HttpRuntime.Cache与HttpContext.Current.Cache)
- windows 安装redis并注册服务
- 【剑指offer】数组中的逆序对
- 动量法应用NASA测试不同飞机机翼噪音
- 2018 Multi-University Training Contest 4 Problem L. Graph Theory Homework 【YY】
- 批量解压Zip文件
- 使用CSV Data Set Config实现参数化登录
- POJ 1644 分苹果 (递归解法)
- ubuntu安装flashplayer插件三步走
- 执行SQL查询导致磁盘耗尽故障演示