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数据,我们怎么能够对比同一区域不同时间的数据情况,采用 ...
随机推荐
- 《方法总结》C路的方法发现
C语言方法荟萃 定义一个最大值和最小值:#define max(x,y) ( x>y?x:y ) #define min(x,y) ( x<y?x:y ) &&: 说得 ...
- Python实现GUI开发 PySide2&PyQt环境配置
更新于2020-09-15 - 18:50:37 [前言] 关于Python开发GUI图形界面程序的问题,大概是19年十分困扰我,主要是没有经验以及缺乏高效简洁的视频或教学文档,导致在19年中秋前后花 ...
- rocketmq-console修改logo,修改ip,修改port及完整编译安装图文版
一.下载源码到本地 这里使用IDEA,作为编译工具 https://gitee.com/mrliuNumberOne/rocketmq-externals.git 导入成功后如图: 二.Maven编译 ...
- CBV、正则
CBV(源码分析) from flask import Flask, views app = Flask(__name__) class IndexView(views.MethodView): me ...
- 5.CyclicBarrier-栅栏
- windows服务器添加磁盘后,提示The disk is offline because of policy set by an administrator的解决办法
操作系统:Windows Server 2008 R2 Enterprise 事件:存储在虚拟机上添加三块磁盘,笔者准备扩展到E盘(动态分区) 问题:存储团队添加磁盘后,OS的磁盘管理界面,看到提示, ...
- 优酷kux转mp4
利用YouKu客户端下载的视频格式为kux,只能通过YouKu客户端播放,很不方便.在网上看到有人通过ffmpeg解码器进行转换,写成了批处理,如下: @echo off setlocal enabl ...
- CUMTCTF'2020 已做wp
三天的比赛终于结束了,不知道有没有睡10个小时,感觉像中了魔一样,但也很享受这种感觉,除了没有能和我一起琢磨题目朋友.. 就最终结果而言还是有一些可惜,明明号称擅长web和misc反而是得分比例最小的 ...
- myisamchk是用来做什么的?MyISAM Static和MyISAM Dynamic有什么区别?
myisamchk是用来做什么的? 它用来压缩MyISAM[歌1] 表,这减少了磁盘或内存使用. MyISAM Static和MyISAM Dynamic有什么区别? 在MyISAM Static上的 ...
- 为cmd中的命令添加别名,以解决java:错误: 编码 GBK 的不可映射字符 (0xAF)
使用sublineText3编写了java代码,通过cmd javac编译 提示 错误:编码GBK的不可映射字符 解决方法 使用javac -encoding UTF-8 Person.java 结果 ...