java实现layui分页,MVC下实现LayUI分页的Demo

2024-04-28 09:53:56

1、后台获取数据示例

public JsonResult GetPageNew(int page,int pagesize)

{

var list = _context.ArticleInfo.Skip(page).Take(pagesize).ToList();

return Json(new { data = list, total = list.Count });

}

2、View视图

博客

layui.use(['laypage', 'layer'], function () {

var laypage = layui.laypage;

var layer = layui.layer;

$.getJSON("/Home/GetPage", function (result) {

//调用分页

laypage.render({

elem: 'demo20'

, count: result.total,//总数量

limit: 1,

jump: function (obj, first) {

var str = "";

if (!first) {

$.getJSON("/Home/GetPageNew?page=" + obj.curr + "&pagesize=" + obj.limit, function (result) {

$("#divlist").html("正在加载中……");

layui.each(result.data, function (index, item) {

str += "

";

str += "

";

str += "

" + item.title + "

发布于：刚刚

";

str += "

" + item.contents + "

";

str += "

评论点赞

";

str += "

";

$("#divlist").html(str);

});

});

}

else {

$.getJSON("/Home/GetPageNew?page=1&pagesize=" + obj.limit, function (result) {

$("#divlist").html("正在加载中……");

layui.each(result.data, function (index, item) {

str += "

";

str += "

";

str += "

" + item.title + "

发布于：刚刚

";

str += "

" + item.contents + "

";

str += "

评论点赞

";

str += "

";

$("#divlist").html(str);

// arr.push('

' + item.title + '');

});

});

}

}

});

});

});

简单效果：

java实现layui分页,MVC下实现LayUI分页的Demo相关推荐

MVC下实现LayUI分页的Demo
1.后台获取数据示例 public JsonResult GetPageNew(int page,int pagesize) { var list = _context.ArticleInfo.Ski ...
layui table 表格两种赋值方式下，data分页效果有效， url分页效果的失效问题的解决。
layui table 表格两种赋值方式下,data分页效果有效, url分页效果的失效问题的解决. 参考文章: (1)layui table 表格两种赋值方式下,data分页效果有效, url分页 ...
编程案例——layui的table表格并获取选中的数据、layui监控select下拉框并将隐藏的div显示
layui table表格展示效果代码前端代码后端代码:我们需要注意后端给前端返回数据的格式获取radio标签所对应的数据条目问题描述解决办法 layui监控select下拉框并将隐藏的 ...
layui给select下拉框赋值
layui给select下拉框赋值 //重新渲染表单函数function renderForm() {layui.use('form', function() {var form = layui.fo ...
layui实现select下拉选择框组件（含代码、案例、截图）
layui实现select下拉选择框组件(含代码.案例.截图) 案例 · 效果图: 全部代码如下: <!DOCTYPE html> <html> <head>< ...
layui怎么给下拉框赋值_layui给select下拉框赋值
转: layui给select下拉框赋值 //重新渲染表单函数 function renderForm() { layui.use('form', function() { var form = la ...
Layui动态渲染下拉框
本例包含测试页面代码,工具方法只有selectUtil <!DOCTYPE html> <html><head><meta charset="utf ...
断点续传layui+webupload+mvc
public string Upload(){ var chunk =Request.Form["chunk"]; var path=Path.Server("~/App ...
Java Web图书管理系统(MVC框架)-包含源码
Java Web图书管理系统一.前言这是大二写的系统,因此这个系统并没有用到很多框架,只是使用了MVC框架,前端使用的是Layui框架.bootstrap框架.JSP技术.JSTL表达式和EL表达 ...

最新文章

热门文章