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

laytable 前台删除后加载当前页数据。的更多相关文章

  1. easyui combobox 动态加载数组数据

    怕自己忘了,记录下来以后用方便 html部分 <input id="rzcode" name="businesItemId" style="wi ...

  2. Tree:加载列表数据

    Tree控件,需要提供一个树形的JSON数据,才能正常显示. 通常,开发者在后台可以这样做: 1)从数据库查询出一个列表数据 2)在后台,将列表数据转换为树形数据 3)通过JSON方式返回 在前台页面 ...

  3. Swift - 表格图片加载优化(拖动表格时不加载,停止时只加载当前页图片)

    列表的单元格中包含有图片在开发中很常见.通常我们可以直接在tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIn ...

  4. Python爬虫爬取异步加载的数据

    前言 本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理.作者:努力努力再努力 爬取qq音乐歌手数据接口数据 https://y.qq ...

  5. ArcGIS客户端API中加载大量数据的几种解决办法

    ArcGIS客户端API中加载大量数据的几种解决办法 2011-03-25 18:17 REST风格的一切事物方兴未艾,ArcGIS Server的客户端API(Javascript/Flex/Sil ...

  6. 参考 ZTree 加载大数据量。加载慢问题解析

    参考 ZTree 加载大数据量. 1.一次性加载大数据量加载说明 1).zTree v3.x 针对大数据量一次性加载进行了更深入的优化,实现了延迟加载功能,即不展开的节点不创建子节点的 DOM. 2) ...

  7. 在Spring Boot中加载初始化数据

    文章目录 依赖条件 data.sql文件 schema.sql 文件 @sql注解 @SqlConfig 注解 在Spring Boot中加载初始化数据 在Spring Boot中,Spring Bo ...

  8. Learning Spark中文版--第五章--加载保存数据(2)

    SequenceFiles(序列文件)   SequenceFile是Hadoop的一种由键值对小文件组成的流行的格式.SequenceFIle有同步标记,Spark可以寻找标记点,然后与记录边界重新 ...

  9. geotrellis使用(二十三)动态加载时间序列数据

    目录 前言 实现方法 总结 一.前言        今天要介绍的绝对是华丽的干货.比如我们从互联网上下载到了一系列(每天或者月平均等)的MODIS数据,我们怎么能够对比同一区域不同时间的数据情况,采用 ...

随机推荐

  1. 【深入理解Linux内核架构】3.2 (N)UMA模型中的内存组织

    内核对一致和非一致内存访问系统使用相同的数据结构.在UMA系统上,只使用一个NUMA结点来管理整个系统内存.而内存管理的其他部分则相信他们是在处理一个伪NUMA系统. 3.2.1 概述 内存划分为结点 ...

  2. 集群实战(2):K8S集群节点退出加入操作

    以下报错网上其实也可以找到并解决,但是偏零碎我只是根据自己的在使用中遇到的问题做个汇总. 文章目录 首先删掉节点 node重新加入 参考文档 首先删掉节点 注意:以下操作都是在master下操作. 一 ...

  3. hystrix总结之请求批量执行

    hystrix可以将同一个命令的多次执行合并到一起执行. public class HelloWorldCommandCollapser extends HystrixCollapser<Lis ...

  4. 使用PyCharm引入需要使用的包

    在学习python的时候,被推荐了使用PyCharm这款IDE,但是经常在已经pip安装第三方包的时候import包的时候却发生了问题- -无法引入. 进行模块的加载,百度之后,了解到,在这款IDE中 ...

  5. GitLab集成kubernetes

    创建GitLab源码项目并上传示例代码 1. 创建GitLab源码项目 本示例中创建的GitLab源码项目地址为:https://gitee.com/SunHarvey/helloworld_java ...

  6. Redis中的订阅模式

    redis中的客户端可以订阅一个自定义的频道,接受来自该频道的消息 订阅 订阅指定频道-SUBSCRIBE SUBSCRIBE channel [channel2]... SUBSCRIBE 频道名 ...

  7. NodeJS沙箱逃逸&&vm

    NodeJS沙箱逃逸 关于nodejs的沙箱 使用场景 在线代码编辑器 第三方js代码 jsonp,like百度搜索框 https://www.baidu.com/s?wd=nodejs&mi ...

  8. 如何设置一个生产级别的高可用etcd集群

    在之前的文章中,我们详细介绍了K3s的架构以及部署场景,给尚未了解K3s的朋友提供了一个很好的入门方向.那么,在本文中我们将探索如何配置一个3节点的etcd集群,它将会被用于高可用.多节点的K3s集群 ...

  9. CCNP:重发布及实验

    重发布(又:重分布.重分发):一台设备同时运行于两个协议或两个进程,默认从两端学习到的路由条目不共享:重发布技术就是人为的进行共享. 一  满足: 1.必须存在ASBR --- 自治系统边界路由器-- ...

  10. GIT学习与GIEE(码云体验)

    GIT 是一个开源的分布式版本控制系统,可以有效.高速的处理从很小到非常大的项目版本管理.Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件 ...