dataTable 数据加载 layer弹出层

最新推荐文章于 2023-01-16 18:48:36 发布

yili0000a

最新推荐文章于 2023-01-16 18:48:36 发布

阅读量2.2k

点赞数

本文链接：https://blog.csdn.net/yili0000a/article/details/82905616

版权

    function initTable(param) {
        $("#table").dataTable({
            "info" : true,//显示表格左下角的信息
            "destroy" : true,//销毁表格
            "paging": true,//表格分页
            "processing":true,//显示处理状态
            "searching": false,//搜索框
            "lengthChange":true,
            "lengthMenu":[5,10,25,50],
            "deferRender":true,//当处理大数据时，延迟渲染数据，有效提高Datatables处理能力
            "serverSide": true,//服务器分页
            "pageLength": 10,//初始每页数据条数
            "displayStart":0,//初始显示第几页数据
            "ordering":false,//排序
            "ajax":{
                type:'POST',
                url:'/backgroundUser/pagingByConditions',
                data:param
            },
            "columns": [//显示列，和tr标签对应
                {"data" : 'name'},
                {"data" : 'username'},
                {"data" : 'backgroundroleName'},
                {"data" : 'phonenumber'},
                {"data" : 'id',render:function (value,row,data) {
                    return "<a href='javascript:void(0)'><img src='/img/edit.png' onclick='edit(" + data.id + ")'></a>";
                }},
                {"data" : '',render:function (value,row,data) {
                    return "<a href='javascript:void(0)'><img src='/img/remove.png' onclick='remove(" + data.id + ")'></a>";
                }},
                {"data" : '',render:function (value,row,data) {
                    return "<a href='javascript:void(0)'><img src='/img/back_32px.png' onclick='reset(" + data.id + ")'></a>";
                }}
            ],
            "language" : {
                "processing" : "正在获取数据，请稍后...",
                "lengthMenu" : "显示 _MENU_ 条",
                "zeroRecords" : "没有找到数据",
                "info" : "从 _START_ 到  _END_ 条记录 总记录数为 _TOTAL_ 条",
                "infoEmpty" : "记录数为0",
                "infoFiltered" : "(全部记录数 _MAX_ 条)",
                "infoPostFix" : "",
                "search" : "",
                "url" : "",
                "paginate" : {
                    "sFirst" : "第一页",
                    "sPrevious" : "上一页",
                    "sNext" : "下一页",
                    "sLast" : "最后一页"
                }
            }
        })
    }

layer

function add() {
        layer.open({
            type: 2, //打开iframe
            shadeClose: true,//遮罩层
            shade:0.5,//遮罩层透明度
            title: "添加后台用户",
            content: '/backgroundUser/add',
            area: ['700px', '500px'],
            end: function () {//弹出层销毁后的回调
                window.location.reload();
            }
        });
    }