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

浪淘沙1年前前端121

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提交时,弹出一个确认对话框

<form class="layui-form" method="post" id="myForm"&g...

layui table中单元格的行高处理

   , lineStyle: 'height: 55px;' <style>  &nbs...

layui 静态html table 表头会固定在顶部

@page @model xxtsoft.Web.Entry.Pages.sysadmins.mb.mbModel @{     Layout&...

layui select 下拉被裁切 滚动显示不全的bug修复方案

<style>     .layui-form-select {      &nbs...

layui 弹出iframe

layui 弹出iframe

<div class="layui-panel layui-padding-3">     <for...

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

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

发表评论    

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