layui 静态表格弹出传值、弹出页面

浪淘沙11个月前前端72

image.png


<script>    
layui.config({    
base: '/layui/' // 静态资源所在路径    
}).extend({    
index: 'lib/index' //主入口模块    
}).use('index', function () {    
var table = layui.table;    
var layer = layui.layer;    
var $ = layui.jquery;    
var mobile = layui.device().mobile;//手机模式    
// 监听所有带 lay-on 属性的按钮点击事件    
$('#xxt-tbl').on('click', '[lay-on]', function () {    
var data = $(this).attr('lay-data'); // 获取 lay-data 属性值    
var action = $(this).attr('lay-on'); // 获取 lay-on 属性的值    
// alert(data);    
// alert(action);    
switch (action) {    
case "tksq":    
layer.confirm('确认要申请退款吗?', {    
btn: ['确定', '关闭'] //按钮    
}, function () {    
layer.open({    
type: 2,    
title: '编辑',    
content: 'tk_sq_km?fst=' + 1130+'&id=' + data,    
shadeClose: true,    
area: mobile ? ['98%', '80%'] : ['80%', '80%'],    
maxmin: true, //开启最大化最小化按钮    
});    
});    
break;    
}    
});    
});    
</script>


相关文章

layui span绑定form值

layui span绑定form值

  span{       display: block;     ...

layui 弹出页面,并且页面保留不变,不跳回头部

 <td>【<a href="#" onclick="return false;" &nbs...

Element Plus 步骤条el-steps 设置simple时,箭头换成横线

@page @model xxtsoft.Web.Entry.Pages.hr.regModel @{     Layout =&nb...

asp.net core razor  CKEDITOR 添加等使用详细

asp.net core razor CKEDITOR 添加等使用详细

<script src="/ckeditor/ckeditor.js"></script>     &l...

layui postgresql 时间绑定格式化,去除2025-11-30T00:00:00

  "bmks":  layui.util.toDateString(data[0].bmks,"yyyy-MM-dd ...

js 获取数组的值

js 获取数组的值

一、如图,获取responseItems的值二、js获取 var responseItems=JSON.parse(res.data.retBody).responseItems;...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。