layui分页完整示例c# MVC

最新推荐文章于 2023-09-18 10:21:02 发布

brookzhang1111

最新推荐文章于 2023-09-18 10:21:02 发布

阅读量3.4k

点赞数 5

分类专栏： MVC vs2017

本文链接：https://blog.csdn.net/wjxheng/article/details/105596644

版权

这篇博客详细介绍了在C# MVC项目中使用layui实现分页的完整过程，包括前台视图的代码编写、后台控制器的实现，以及运行效果展示。特别指出，使用Newtonsoft.Json的JsonConvert.SerializeObject进行数据转换，避免了使用mvc内置JSON方法可能出现的问题。最后，博主提醒读者在实践中可能遇到的错误点，并希望大家如果觉得有用能点赞支持。

摘要由CSDN通过智能技术生成

1.前台视图所有代码


@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <title>table模块快速使用</title>
   
    <link href="~/Scripts/jsTools/layui/css/layui.css" rel="stylesheet" media="all" />
</head>
<body>

    <table id="demo" lay-filter="test"></table>    

    <script src="~/Scripts/jsTools/layui/layui.js"></script>

    <script>
        layui.use('table', function () {
            var table = layui.table;

            //第一个实例
            table.render({
                elem: '#demo'
                , height: 312
                , url: '/Home/GetTestJson/' //数据接口
                , page: true //开启分页
                , cols: [[ //表头
                    { field: 'id', title: 'ID', width: 80, sort: true,

最低0.47元/天解锁文章

brookzhang1111

关注

5
点赞
踩
7

收藏

觉得还不错? 一键收藏
2
评论
layui分页完整示例c# MVC

1.前台视图所有代码@{ Layout = null;}<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>table模块快速使用</title> <link href="~/Scripts/jsT...
复制链接

扫一扫

专栏目录