layui中table表格的操作列（删除，编辑）等按钮的操作
2024-05-05 05:57:14
1 暂停和中止按钮功能
2 if (obj.event === 'del') {
3 layer.confirm('确认中止么', function (index) {
4 $.ajax({
5 type: "post",
6 url: "/flow/processIntance/delete.afca",
7 data: {
8 "processInstanceId": data.processInstanceId,
9 "deleteReason": inputValue
10 },
11 dataType: 'json',
12 success: function (data) {
13
14 if (data.code === '0') {
15 // obj.del();
16 layer.close(index);
17 layer.msg(data.msg, {icon: 1, time: 2000, shade: 0.1});
18 console.log(table);
19 reload();
20 } else {
21 layer.close(index);
22 layer.alert(data.msg, {
23 icon: 2, title: '提示'
24 });
25 return;
26 }
27 },
28 error: function () {
29 }
30 })
31 });
32 } else if (obj.event === 'start-process' || obj.event === 'stop-process') {
33 var text = (data.suspended) ? "继续" : "暂停";
34 layer.confirm('确认' + text + '当前流程吗', function (index) {
35 $.ajax({
36 type: "post",
37 url: "/flow/isSuspended.afca",
38 data: {
39 "processInstanceId": data.processInstanceId,
40 "type": data.suspended ? 'start' : 'stop'
41 },
42 dataType: 'json',
43 success: function (data) {
44
45 if (data.code === '0') {
46 // obj.del();
47 layer.close(index);
48 layer.msg(data.msg, {icon: 1, time: 2000, shade: 0.1});
49 reload();
50 } else {
51 layer.close(index);
52 layer.alert(data.msg, {
53 icon: 2, title: '提示'
54 });
55 return;
56 }
57 },
58 error: function () {
59 }
60 })
61 });
62 } 1 //编辑，删除，发布申请
2 table.on('tool(demo)', function(obj){
3 var data = obj.data;
4 // console.log(data)
5 if(obj.event === 'check'){
6 // console.log(data.id);
7 $('.textCon').val("");
8 layer.open({
9 title: '发布申请'
10 ,type: 1
11 ,maxmin:true
12 ,area: ['700px','570px']
13 ,content: $('#toExamine')
14 ,btn: ['申请', '取消']
15 ,yes: function(index, layero) {
16 var userName = $('#userRadio').val();
17 if(userName == null || userName == ''){
18 layer.msg("请选择用户", {icon: 2, time: 2000});
19 return;
20 }
21 var describe = $('.textCon').val();
22 if(describe == null || describe == ''){
23 layer.msg("请输入内容", {icon: 2, time: 2000});
24 return;
25 }
26 $.ajax({
27 type: "post",
28 url: "/approval/application/save.afca",
29 dataType:'json',
30 data: {
31 name: data.toolName,
32 targerId: data.id,
33 status: 0,
34 type: 'script',
35 describe: $('.textCon').val(),
36 key: 'script',
37 supUser:userName
38 },
39 success: function (data) {
40 var message = data.msg;
41 if(data.code === '0'){
42 obj.del();
43 layer.close(index);
44 layer.msg(message,{icon: 1,time:2000});
45 tableObj.reload({
46 url:'/cd/workPlatform/tool/queryTools.afca'
47 });
48 } else {
49 layer.alert(message, {
50 icon: 2,title:'提示'
51 });
52 return;
53 }
54 },
55 error: function () {
56 }
57 })
58 }
59 });
60 getAllUser();
61 $('.laytable-cell-checkbox').eq(0).empty();
62 } else if(obj.event === 'del'){
63 layer.confirm('确认删除么', function(index) {
64 $.ajax({
65 type: "post",
66 url: "/cd/workPlatform/tool/remove.afca",
67 dataType:'json',
68 data: "id="+data.id,
69 dataType: "json",
70 success: function (data) {
71 // console.log(data);
72 var message = data.msg;
73 var code = data.code;
74 // console.log(message);
75 // console.log(code);
76 if(data.code === '0'){
77 //obj.del();
78 layer.close(index);
79 layer.alert(message,{icon: 1,time:2000});
80 tableObj.reload({
81 url:'/cd/workPlatform/tool/queryTools.afca'
82 });
83 } else {
84 layer.alert(message, {
85 icon: 2,title:'提示'
86 });
87 return;
88 }
89 },
90 error: function () {
91 }
92
93 })
94 });
95 //编辑脚本定义
96 }else if(obj.event === 'edit'){
97 //之前版本
98 // window.location.href='workToolEdit.html?toolSceneId='+data.toolSceneId+'&'+'id='+data.id;
99 //脚本编辑弹出层
100 var name = encodeURIComponent(data.toolName);
101 // console.log(data.toolName);
102 parent.layer.open({
103 type: 2,
104 title: '编辑脚本定义',
105 // title:data.to,
106 shadeClose: true,
107 shade: 0.8,
108 // maxmin: true,
109 area: ['100%', '100%'],
110 content: 'html/taskManagement/scriptManagement/workToolEdit.html?toolSceneId='+data.toolSceneId+'&'+'id='+data.id
111 });
112 }else if(obj.event === 'showInformation'){
113 //脚本展示弹出层
114 var name = encodeURIComponent(data.toolName);
115 // console.log(data.toolName);
116 parent.layer.open({
117 type: 2,
118 title: '展示脚本定义',
119 // title:data.to,
120 shadeClose: true,
121 shade: 0.8,
122 // maxmin: true,
123 area: ['100%', '100%'],
124 content: 'html/taskManagement/scriptManagement/showScriptInformation.html?id='+data.id
125 });
126 }
127 else if(obj.event ==='jump'){
128 // window.location.href='openScriptParaVerManagement.html?toolId='+data.id;
129 var name = encodeURIComponent(data.toolName);
130 // console.log(data.toolName);
131 parent.layer.open({
132 type: 2,
133 title: '参数版本管理',
134 // title:data.to,
135 shadeClose: true,
136 shade: 0.8,
137 // maxmin: true,
138 area: ['100%', '100%'],
139 content: 'html/taskManagement/scriptManagement/openScriptParaVerManagement.html?toolId='+data.id+"&jiaoben="+name+"&banben="+data.version+"&scriptLanguage="+data.scriptLanguage+"&categoryName="+data.categoryName+"&=status"+data.status
140 });
141 }
142 }); 1 //html代码
2 <script type="text/html" id="barDemo">
3 <!--操作工具-->
4 <a href="" lay-event="edit">编辑</a>
5 <a href="" lay-event="jump">参数管理</a>
6 <a href="" lay-event="del">删除</a>
7 {{# if (d.status !="1"){}}
8 <a href="" lay-event="check">发布申请</a>
9 {{#}}}
10 </script>转载于:https://www.cnblogs.com/yangguoe/p/8955369.html
layui中table表格的操作列（删除，编辑）等按钮的操作相关推荐
- layui中table表格内容过多自动换行
表格超出内容没有自动换行,超出部分需要自动换行. 允许长单词换行到下一行:p.test {word-wrap:break-word;}
- layui table 添加img_layui中table表格的基本操作
最近抽空总结了下layui中table表格的相关配置,解释的比较全面,可供大家参考,页面效果如下: table表格.png table表格html部分: 新增 备注 编辑 table表格渲染js (包 ...
- html表格中添加修改和删除链接,jQuery实现为table表格动态添加或删除tr功能示例...
本文实例讲述了jQuery实现为table表格动态添加或删除tr功能.分享给大家供大家参考,具体如下: HTML页面元素如下: 订单合同号 捆包号 品名 规格 材质 重量 业务需求是,从后台获取到订单 ...
- layui 自定义排序_浅谈layui中table的sort排序
table模块是layui框架最核心的组成之一,它用于对表格进行一些列功能和动态化数据操作,本文介绍了layui中table的sort排序,解决了在我们使用sort排序时可能遇到的一些问题. 今天来谈 ...
- data layui table 排序_浅谈layui中table的sort排序
table模块是layui框架最核心的组成之一,它用于对表格进行一些列功能和动态化数据操作,本文介绍了layui中table的sort排序,解决了在我们使用sort排序时可能遇到的一些问题. 今天来谈 ...
- LabVIEW 调整Table表格行高列宽的方法与例程
LabVIEW 调整Table表格行高列宽的方法与例程 在 VI 运行时,可以用两种不同的方式更改表中的列宽度.首先,可以用鼠标更改它们:其次,可以通过属性节点编程更改它们. 手部更列表的宽度 只有在 ...
- html中的异步请求数据格式,解决layui中table异步数据请求不支持自定义返回数据格式的问题...
使用版本 layui-v2.3.0 修改: 打开layui中table.js源码 在 Class.prototype.pullData 这个方法定义内部 //获得数据 Class.prototype. ...
- element table表格合并行和列
element-ui 官网案例: table合并行或列 通过给table传入span-method方法可以实现合并行或列,方法的参数是一个对象,里面包含当前行row.当前列column.当前行号row ...
- HTML中table表格拆分合拼(colspan、rowspan)
本文关键介绍了HTML中table表格拆分合拼(colspan.rowspan),原文中根据实例编码介绍的十分详尽,对大伙儿的学习或是工作中具备一定的参照学习使用价值,必须的小伙伴们下边伴随着小编来一 ...
- html中table表格里的内容如何居中
1.table表格整个居中 <div style="text-align: center;"> <table border="1" style ...
最新文章
- python换零钱有多少种方案_Python3算法实例 1.2：动态规划 之 换零钱
- 一切尽显眼前：如何预防在虚拟化环境中丢失可视性和安全性
- js进阶正则表达式方括号（方括号作用）（js正则是在双正斜杠之中：/[a-z]/g）...
- Linux 平台安装 Oracle Timesten
- springboot全局异常处理_SpringBoot:如何优雅地处理全局异常
- 51单片机波特率计算c语言,51单片机波特率怎么算?51单片机波特率计算公式
- less最后一页 linux_linux中less命令使用
- Android 第三方轮播图控件ConvenientBanner:通用的广告栏控件
- 购买学生服务器、备案域名、搭建博客菜鸟级教程
- JavaScript完成知乎页面
- ogg_for_bigdata (oracle 数据通过ogg到hbase)
- 在嘲笑与冷眼下成长，并不断在泥潭中站起
- uoj#311 【UNR #2】积劳成疾
- ubuntu16.04+ROS+科大讯飞+图灵AI机器人（四）——加入图灵机器人
- PHP：使用静态变量
- 后氧传感器正常数据_氧传感器电压多少正常？氧传感器数据流分析介绍
- Web应用怎样获取Access Token？
- Prometheus时序数据库-报警的计算 及 Prometheus时序数据库-数据的查询
- 三种人工智能软件工具的应用场景和特点
- project2010 实验一使用记录