zoukankan      html  css  js  c++  java
  • 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获取当前条数

  • 相关阅读:
    iOS 成员变量,实例变量,属性变量的区别,联系
    iOS类别(category)不能添加成员变量但是可以添加属性的问题
    iOS缓存机制详解
    ios数据缓存方法
    仿360圆圈自动隐藏效果
    html 背景透明文字不透明
    netty
    关注网站
    关注URL
    DNS之XX记录
  • 原文地址:https://www.cnblogs.com/zszs/p/10967054.html
Copyright © 2011-2022 走看看