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获取当前条数
laytable 前台删除后加载当前页数据。的更多相关文章
- easyui combobox 动态加载数组数据
怕自己忘了,记录下来以后用方便 html部分 <input id="rzcode" name="businesItemId" style="wi ...
- Tree:加载列表数据
Tree控件,需要提供一个树形的JSON数据,才能正常显示. 通常,开发者在后台可以这样做: 1)从数据库查询出一个列表数据 2)在后台,将列表数据转换为树形数据 3)通过JSON方式返回 在前台页面 ...
- Swift - 表格图片加载优化(拖动表格时不加载,停止时只加载当前页图片)
列表的单元格中包含有图片在开发中很常见.通常我们可以直接在tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIn ...
- Python爬虫爬取异步加载的数据
前言 本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理.作者:努力努力再努力 爬取qq音乐歌手数据接口数据 https://y.qq ...
- ArcGIS客户端API中加载大量数据的几种解决办法
ArcGIS客户端API中加载大量数据的几种解决办法 2011-03-25 18:17 REST风格的一切事物方兴未艾,ArcGIS Server的客户端API(Javascript/Flex/Sil ...
- 参考 ZTree 加载大数据量。加载慢问题解析
参考 ZTree 加载大数据量. 1.一次性加载大数据量加载说明 1).zTree v3.x 针对大数据量一次性加载进行了更深入的优化,实现了延迟加载功能,即不展开的节点不创建子节点的 DOM. 2) ...
- 在Spring Boot中加载初始化数据
文章目录 依赖条件 data.sql文件 schema.sql 文件 @sql注解 @SqlConfig 注解 在Spring Boot中加载初始化数据 在Spring Boot中,Spring Bo ...
- Learning Spark中文版--第五章--加载保存数据(2)
SequenceFiles(序列文件) SequenceFile是Hadoop的一种由键值对小文件组成的流行的格式.SequenceFIle有同步标记,Spark可以寻找标记点,然后与记录边界重新 ...
- geotrellis使用(二十三)动态加载时间序列数据
目录 前言 实现方法 总结 一.前言 今天要介绍的绝对是华丽的干货.比如我们从互联网上下载到了一系列(每天或者月平均等)的MODIS数据,我们怎么能够对比同一区域不同时间的数据情况,采用 ...
随机推荐
- 使用GO实现Paxos分布式一致性协议
什么是Paxos分布式一致性协议 最初的服务往往都是通过单体架构对外提供的,即单Server-单Database模式.随着业务的不断扩展,用户和请求数都在不断上升,如何应对大量的请求就成了每个服务都需 ...
- python基础入门语法和变量类型(二)
列表 列表是 Python 中使用最频繁的数据类型,它可以完成大多数集合类的数据结构实现,可以包含不同类型的元素,包括数字.字符串,甚至列表(也就是所谓的嵌套). 和字符串一样,可以通过索引值或者切片 ...
- GO练习题
package main import( "fmt" ) func list(n int) { for i := 0; i <= n; i++ { fmt.Printf(&q ...
- Java基础一篇过(一)反射
一.反射是个啥 定义 : 在运行状态中动态获取的类的信息以及动态调用对象的方法,这种功能称为java语言的反射机制. 对于任意一个类,都能够知道这个类的所有属性和方法. 对于任意一个对象,都能够调用它 ...
- ios自动识别电话并变色的问题解决方法
问题: 在做移动端页面时发现长串数字都被ios系统的手机识别为电话号码,且文字变成很土的蓝色,点击有下划线并弹出提示拨打该电话号码. 解决方法: 1.在head中加上下面这行代码就OK了(仅限于单页面 ...
- MySQL中的find_in_set()函数使用技巧心得与应用场景总结
Author:极客小俊 一个专注于web技术的80后 我不用拼过聪明人,我只需要拼过那些懒人 我就一定会超越大部分人! CSDN@极客小俊,CSDN官方首发原创文章 企业博客 CSDN.com 个人博 ...
- 带你搭建一个简单的mybatis项目:IDEA+spring+springMVC+mybatis+Mysql
最近小编有点闲,突发奇想想重温一下mybatis,然后在脑海中搜索了一下,纳尼,居然不太会用了,想到这里都是泪啊!!现在我所呆的的公司使用的是springboot+hebinate,编程都是使用的JP ...
- Spring ioc 源码分析之--beanFactory.registerResolvableDependency()方法
背景: 在spring ioc refresh()方法中,看到了如下逻辑: 要理解该逻辑的原理,先看场景:有个接口InterFaceA,它有2个实现类A1和A2 那么,如果一个类C 依赖了InterF ...
- 实验 2:Mininet 实验——拓扑的命令脚本生成
一.实验目的 掌握 Mininet 的自定义拓扑生成方法:命令行创建.Python 脚本编写 二.实验任务 通过使用命令行创建.Python 脚本编写生成拓扑,熟悉 Mininet 的基本功能. 三. ...
- 一个漂亮的JavaScript“警告”替代品
下载 一个漂亮的JavaScript"警告"替代品 安装 $ npm安装-节省sweetalert 使用 从"sweetalert"进口swal; 横波测井(& ...