layui中table表格的操作列(删除,编辑)等按钮的操作

  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

时间: 2024-10-10 23:17:35

layui中table表格的操作列(删除,编辑)等按钮的操作的相关文章

qt 下tablewidget 中要单独使一列不能编辑怎么办?

qt 下tablewidget 中要单独使一列不能编辑怎么办???最好能用一个button 控件控制 2012-03-31 19:57南山杨木 | 分类:其他编程语言 | 浏览2658次 分享到: 2012-04-01 16:29 提问者采纳 热心网友 修改该列item的flags. 例如: #include <QApplication>#include <QTableWidget>#include <QTableWidgetItem>int main(int argc

关于element 框架中table表格选中并切换下一页之前选中数据消失的问题

问题描述: 在实际项目中使用element框架的table表格时,发现当前页选中了数据,点击切换下一页时,再选中数据,发现上一页选中的数据消失了.(目的是:要把用户选择的所有数据显示到页面上) 代码如下: <!-- html 代码 --> <table :data="tableData" @selection-change="handleSelectionChange" ref="multipleTable" :row-key=

asp.net table表格表头及列固定实现

在开发中常会遇到table表格中列特别多,下拉后,表头就看不见了,水平滚动后,第1.2列就看不见了,于是需求就出来了,就是需要固定table的表头和列. demo结构如下图所示: demo下载地址:http://download.csdn.net/detail/taomanman/9124949 示例运行效果如下图所示: 版权声明:本文为博主原创文章,未经博主允许不得转载.

刷连记录的迟到检测---Table表格增加一列值

公司OA新增加了 刷脸记录 ,用于查看自己是否迟到,但是没有什么提醒,于是乎自己写了一个脚本 刷连记录 类似于这样的: 运行脚本后,是这个样子的: 擦,我本月已经迟到了 3次了.... 拖拽 刷脸记录-迟到检测 到Chrome标签栏,点击就可以执行脚本了 脚本内容为: 1 /******************* 2 * FileName : js_刷脸记录 整理.js 3 * Description: 在OA网页 刷脸记录中,执行后可显示 是否迟到. 4 *******************

关于html中table表格tr,td的高度和宽度

做网页的时候精到会遇到各种各样的问题,经常遇到的一个就是会碰到表格宽度对不齐的问题. 首先,来分析一下这三个标签中height和width的区别: 1.table中的width和height设置及其作用:table中设置的height其实是设置个最小值,也就是当表格中的内容或者行高总值超过这个设置值时,会自动延长表格的height值,当表格中的内容或者行高没有达到这个值时,会自动扩大到这个值.table中设置的width值一般为表格宽度的最大值,不能改变,即使内部的内容宽度超过也不能改变.(这个

HTML中Table行单元格的删除、增加、修改、确定

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

web中table表格点击表头排序

保证在引用jQuery之后引用之后的两个文件 <script type="text/javascript" src="<%=basePath%>/resource/js/jquery-1.8.2.min.js"></script> <link rel="stylesheet" href="<%=basePath%>/tablesorter/themes/blue/style.css&

lua中table的遍历,以及删除

Lua 内table遍历 在lua中有4种方式遍历一个table,当然,从本质上来说其实都一样,只是形式不同,这四种方式分别是: 1. ipairs for index, value in ipairs(table) do end 注:这种方式的遍历只会从key为1的地方开始,一直以key递增1的顺序来遍历,若找到一个递增不是1的key就结束遍历,无论后面是否仍然是顺序的key. 1 --Sample_1: 2 local tab1 = 3 { 4 [1] = 1, 5 [2] = 2, 6 [

layer学习笔记之table表格引入数据实现分页

LayUI是一款免费,开源,轻量级的前端cms框架,适用于企业后端,能快速上手开发,集成了常用的组件,还有完善的文档和社区. 最近一直在学习使用layer的layui框架技术,这个主要表现在于弹出层的使用,但是layer页面效果使用也是非常好用的. 之前写一个一个关于数据的table表格显示 并带有分页功能,实现过程遇到了很多问题,现抽空总结一下. 使用之前请先详细阅读layer的文档:http://www.layui.com/doc/modules/layer.html 首先下载最新版的lay