在layui layer 弹出层中加载 layui table
1 layui.use('table', function(){ 2 var table = layui.table; 3 layer.open({ 4 type : 1, 5 area : [ "600px", '430px' ], 6 title : "选择模板", 7 maxmin : false, 8 content : '<div><table id="templateTable"></table></div>', 9 success : function(index, layero) { 10 11 table.render({ 12 elem: '#templateTable' 13 ,height: 300 14 ,width:'100%' 15 ,url: '${ctx}/oa/wzsc/oaWzscTemplate/listJson' //数据接口 16 17 ,page: true //开启分页 18 ,cols: [[ //表头 19 {type:'radio'} 20 ,{field: 'name', title: '模板名称', width:200, sort: true} 21 ,{field: 'detail', title: '描述', width:330} 22 ,{field: 'id', title: 'ID', width:200,hide:true} 23 24 ]] 25 }); 26 27 }, 28 29 btn : [ '确定', '关闭' ], 30 yes : function(index, layero) { 31 var checkStatus = table.checkStatus('templateTable'); // 32 var datas = checkStatus.data;//选中的数据 33 if(datas.length > 0){ 34 var selectData = datas[0]; 35 var tpid = selectData.id; 36 var tpname = selectData.name; 37 $('#tpId').val(tpid); 38 $('#tpName').val(tpname); 39 try{ 40 layer.close(index);//关闭对话框. 41 }catch(e){ 42 setTimeout(function(){layer.close(index)}, 100);//延时0.1秒,对应360 7.1版本bug 43 } 44 }else{ 45 layer.msg('请选择一个模板!'); 46 } 47 48 } 49 }); 50 });
转载于:https://www.cnblogs.com/dirgo/p/10080978.html
在layui layer 弹出层中加载 layui table相关推荐
- 安防互联网摄像头海康大华硬盘录像机视频流媒体服务器EasyNVR在layer弹出层中使用video标签无法最大化全屏播放问题解决
诞生背景 众所周知,EasyNVR可以将局域网/广域网上的海康/大华等网络摄像头由rtsp转换为rtmp.rtsp.hls.flv协议转换,并提供推流服务,可以将拉到的网络摄像头直接转发到流媒体服务器 ...
- layer中html字符转换,在layer弹出层中通过ajax返回html拼接字符串填充数据的方法...
1,在给一个layer弹出层做checkbox自动选中时,ViewBag传递的时object类型,用不了lambda表达式,代码如下, @foreach (var perm in ViewBag.al ...
- layui + layer弹出层增删改的操作
一.弹出层说明 /* ========== 弹出层说明 ==============*/function useradd() { // useradd(),点击事件//var pageNum = $( ...
- php layer弹出层更改背景,layui.layer 弹出层背景透明,前景无阴影实现方案
先上具体实现方法. 首先,在 css 里给 layer 弹出层写个自定义 skin (这点不明白的同学请出门左转 layui 官网文档):.myskin{ background-colo ...
- 前端ui框架layui——layer弹出层-内置方法
提示:本页内容所展示的内置方法是除了所有弹出方法(eg:layer.open)以外的,想看弹出方法请到这里 --------内置方法---------- 1.layer.config(options) ...
- layui layer弹出层通过offset属性定位弹出层在光标处弹出(event.clientY和event.clientX)失败。
将弹出层弹出位置定位到光标处,大小超过父弹出层的部分无法显示 .js //页面层-自定义 $("#more").click(function (event) {layer.open ...
- 前端ui框架layui——layer弹出层-弹出框方法
----------弹出框方法----------------- 1.layer.open(options) - 原始核心方法 基本上是露脸率最高的方法,不管是使用哪种方式创建层,都是走layer.o ...
- layui.layer 弹出层使用
layer 在 layui 体系中的位置比较特殊,甚至让很多人都误以为 layui = layer ui,所以再次强调 layer 只是作为 layui 的一个弹层模块 1. 获取laery,你需要去 ...
- layui内置模块(layer弹出层)
前面我们已经对layui前端框架的页面元素进行了简单的学习,但是作为一个可用的程序,仅仅是长的好看,并没有那个什么用:在好看的同时还需要实用和酷炫,实用就需要实现我们方便的和后端进行数据交互,酷炫就是 ...
最新文章
- vue2.0 与 bootstrap datetimepicker的结合使用
- Qt学习之路(56): 二进制文件读写
- python调用所有函数_python打印所有函数调用以了解脚本
- Android Studio 单刷《第一行代码》系列 04 —— Activity 相关
- C# log4net 的配置
- 【Alpha】Daily Scrum Meeting第八次
- 安防监控系统CIF、D1等格式的解释
- MongoDB的可视化工具之Navicat
- 8月29日见!卢伟冰:Redmi首款互联网电视将采用70英寸巨屏
- matlab2c使用c++实现matlab函数系列教程-atan函数
- 即插即用,运维工程师必会正则表达式大全
- 饿了么风神系统手机版_数字技术带来平等工作机会 饿了么智能调度系统助力残障骑手少跑路多接单...
- Android游戏辅助开发流程,安卓辅助脚本开发游戏化编
- nrf52840烧录提示错误原因和解决办法
- 腾讯互娱技术总监张正:《天涯明月刀》后台技术创新
- Amazon 邮箱大全
- win平板计算机,十大平板电脑排行,告诉你平板电脑哪个好
- 记录:win10 cmd切换目录 切换到D盘
- 金山快盘 linux,WPS移动版5.5发布 支持金山快盘双向读写
- 数学与计算机学院 林晖,龙岩学院二届二次教代会各代表团代表、特邀代表、列席代表名单及讨论地点安排...
热门文章
- cart算法_决策树学习笔记(三):CART算法,决策树总结
- qt 对话框位置如何确定_便利店如何确定收银台位置?
- python医药数据,PostgreSQL+Python实现药品规格数值与单位拆分
- mysql中having的例子_有关mysql中having子句对组记录进行筛选的例子
- ztree 后台异步加载_zTree异步加载实现
- python写日志到文件_python 通过logging写入日志到文件和控制台的实例
- python编写代码运用递归画图形_python数据结构与算法 22 递归图形
- springboot旅游系统设计技术描述_5A旅游景区标识标牌系统业材料的工艺技术
- jmeter安装 java,Windows下安装jmeter图文教程
- java 采集上下滚屏_关于java游戏滚屏的问题!(如何实现)!