Layui C#实现真分页

最新推荐文章于 2023-12-22 16:53:57 发布

insomnia_Y

最新推荐文章于 2023-12-22 16:53:57 发布

阅读量2.1k

点赞数 1

文章标签： c#

本文链接：https://blog.youkuaiyun.com/insomnia_Y/article/details/104851624

版权

本文介绍了博主使用ASP.NET和C#进行后台开发，前端使用Layui实现分页的过程。在前端Layui表格部分，提到了内容自动换行和固定列可能导致的高度不一致问题及解决方案。后端分页代码部分讲解了如何利用layui发送的page和limit参数从数据库获取分页数据，并展示了符合Layui要求的JSON数据格式。同时，文中还提到处理日期时间格式问题的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

博主由于工作需要自学了ASP.NET和C#，前端用的是Layui，写篇博客记录一下实现过程，就当是公开的有道云笔记哈哈，如果有更简便的方法欢迎留言评论~

前端Layui表格

layui.use('table', function () {
   
            var table = layui.table;
            var form = layui.form;
            table.render({
   
                elem: '#test'
                , url: 'Edittable.ashx'
                , where: {
   
                    id: 1
                    , Query: $("#Query").val()
                    , Sub_query: $("#Sub_query").val()
                    , Created_Alias: $("#Created_Alias").val()
                }
                , method: 'get'
                , cols: [[
                    {
    type: 'checkbox', fixed: 'left' }
                    , {
    field: 'ID', width: 60, title: 'ID', sort: true, fixed: 'left' }
                    , {
   
                        field: 'Warning_Time', width: 195, title: 'Warning Time', sort: true,
                        templet: function (d) {
   
                            if (d.Status != "Solved") {
   
                                var mydate = new Date(d.Created_Date);
                                var tp = (parseInt(new Date() - mydate) / 1000 / 60 / 60);
                                if (tp <= 4) {
   
                                    return '<span><object data="image/bulb_green.svg" height="30px" />' + d.Warning_Time + '</span>'
                                } else if (4 < tp && tp <= 6) {
   
                                    return '<span><object data="image/bulb_blue.svg" height="30px" />' + d.Warning_Time + '</span>'
                                } else if (6 < tp && tp <= 8) {
   
                                    return '<span><object data="image/bulb_orange.svg" height="30px" />' + d.Warning_Time + '</span>'
                                } else if (tp > 8) {
   
                                    return '<span><object data="image/bulb_red.svg" height="30px" />' + d.Warning_Time + '</span>'
                                }
                            } else {
   
                                return '<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + d.Warning_Time + '</span>'
                            }
                        }
                    }
                    , {
   
                        field: 'Status', width: 150, title: 'Status',
                        templet: '#StatusTpl'
                    }
                    , {
    field: 'SIT_PIC', width: 150, title: 'SIT PIC' }
                    , {
    field: 'Query', templet: '#titleTpl', width: 150, title: 'Query' }
                    , {
    field: 'Sub_query', width: 150, title: 'Sub query' }
                    , {
    field: 'Created_Alias', width: 120, title: 'Created Alias' }
                    , {
    field: 'Team', width: 180, title: 'Team'

最低0.47元/天解锁文章