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

浪淘沙2年前前端186

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 asp.net core razor集大成应用

layui asp.net core razor集大成应用

@page @model xxtsoft.Web.Entry.Pages.sysadmins.kh.kh_pjbModel @{     Lay...

layui table后端接口html代码,前端显示

  , { field: 'dwbq', title: '单位标签', width:&n...

element 加提示 el-tooltip

<el-table-column prop="ym" label="域名" min-width="150"...

layui 只有点击“导出Excel”按钮时,才改变“导出Excel”按钮的状态

<form class="layui-form layui-form-pane" method="post"> &n...

element el-switch 默认选择

   mounted() {        if (this.form.act...

layui 表单 label宽度

 <style>      .layui-form-label {     ...

发表评论    

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