laytable 前台删除后加载当前页数据。

laytable一次性获取数据后,点击删除调用后台删除。返回成功状态后刷新当前页数据。

渲染方法:

    //渲染表格
    function renderingTable(pageIndex, sourceData, count, msg) {
        var obj = {
            elem: '#table_data',
            data: sourceData,
            cols: [[
                { field: 'SITE_DATABASE_ID', title: 'SITE_DATABASE_ID', hide: true, }
                , { field: 'DATA_NAME', title: '数据库名称' }
                , { field: 'TABLE_NAME', title: '表名', sort: true }
                , { field: 'TABLE_INFO', title: '表描述', sort: true }
                , {
                    field: 'IS_VERTICAL_TABLE', title: '是否竖表', sort: true, templet: function (res) {
                        if (res.IS_VERTICAL_TABLE == 1) {
                            return "是";
                        } else {
                            return "否";
                        }
                    }
                }
                , { field: 'VERTICAL_TABLE_KEY_COLUMNAME', title: '竖表主键1', sort: true }
                , { field: 'VERTICAL_TABLE_KEY2_COLUMNAME', title: '竖表主键2', sort: true }
                , { field: 'TIME_COLUMN_NAME', title: '数据时间列', sort: true }
                , {
                    field: 'TIME_IS_REPEAT', title: '时间列值是否重复', sort: true, templet: function (res) {
                        if (res.TIME_IS_REPEAT == 1) {
                            return "是";
                        } else {
                            return "否";
                        }
                    }
                }
                , { field: 'SELECFT_CONDITION', title: '查询Sql条件', sort: true }
                , {
                    field: 'IS_CLIENT_GET', title: '客户端采集状态', sort: true, templet: function (res) {
                        if (res.IS_CLIENT_GET == 1) {
                            return "采集";
                        } else {
                            return "不采集";
                        }
                    }
                }
                , { field: 'CREATE_TIME', title: '创建时间', sort: true }
                , { fixed: 'right', title: '操作', align: 'center', toolbar: '#operation' }
            ]],
            count: count,
            height: $(".partial-content").height() - parseInt($(".page-content").css("padding-top")) - parseInt($(".page-content").css("padding-bottom")) - $(".div_select").height() - 90,
            page: {
                curr: pageIndex,
                limit: 15,
                limits: [15, 50, 100],
            },
            totalRow: false,
            skin: 'line ',
            even: false,
            loading: true,
            parseData: function (res) {
                return {
                    "msg": msg
                    , "count": count
                };
            }
        };
        tableData = laytable.render(obj);
    };

删除代码:

    //删除
    function deleteData(baseId) {
        layer.confirm('确定删除吗?', {
            btn: ['确定', '取消']
        }, function () {
            var parm = {
                baseId: baseId
            }
            $.majax({
                type: "Post",
                url: "/ClientGetTableConfig/DeleteData",
                data: parm,
                dataType: "json",
                success: function (data) {
                    var datas = JSON.parse(data);
                    if (datas.Success == 1) {
                        $.layermsg_s('删除成功', 1);
                        tableData.config.data = tableData.config.data.filter((item) => item.SITE_DATABASE_ID != baseId);
                        var pageSum = parseInt(tableData.config.data.length / tableData.config.limit);
                        var pageIndex = tableData.config.page.curr;
                        pageSum = tableData.config.data.length % tableData.config.limit > 0 ? pageSum + 1 : pageSum;
                        pageIndex = pageIndex > pageSum ? pageSum : pageIndex;
                        renderingTable(pageIndex, tableData.config.data, tableData.config.data.length, "");
                    }
                    else {
                        $.layermsg_e(datas.SuccessStr, 1);
                    }
                }
            });
        });
    };
 laytable.render渲染表格后返回的对象有你想要的一切

凑字数
laytable获取当前页,laytable获取当前条数
laytable获取当前页,laytable获取当前条数
laytable获取当前页,laytable获取当前条数
laytable获取当前页,laytable获取当前条数
laytable获取当前页,laytable获取当前条数
laytable获取当前页,laytable获取当前条数
laytable获取当前页,laytable获取当前条数
laytable获取当前页,laytable获取当前条数
laytable获取当前页,laytable获取当前条数
laytable获取当前页,laytable获取当前条数
laytable获取当前页,laytable获取当前条数
laytable获取当前页,laytable获取当前条数
laytable获取当前页,laytable获取当前条数

原文地址:https://www.cnblogs.com/zszs/p/10967054.html