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

Posted 2021-12-18 zszs

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获取当前条数