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相关推荐

  1. 安防互联网摄像头海康大华硬盘录像机视频流媒体服务器EasyNVR在layer弹出层中使用video标签无法最大化全屏播放问题解决

    诞生背景 众所周知,EasyNVR可以将局域网/广域网上的海康/大华等网络摄像头由rtsp转换为rtmp.rtsp.hls.flv协议转换,并提供推流服务,可以将拉到的网络摄像头直接转发到流媒体服务器 ...

  2. layer中html字符转换,在layer弹出层中通过ajax返回html拼接字符串填充数据的方法...

    1,在给一个layer弹出层做checkbox自动选中时,ViewBag传递的时object类型,用不了lambda表达式,代码如下, @foreach (var perm in ViewBag.al ...

  3. layui + layer弹出层增删改的操作

    一.弹出层说明 /* ========== 弹出层说明 ==============*/function useradd() { // useradd(),点击事件//var pageNum = $( ...

  4. php layer弹出层更改背景,layui.layer 弹出层背景透明,前景无阴影实现方案

    先上具体实现方法. 首先,在 css 里给 layer 弹出层写个自定义 skin (这点不明白的同学请出门左转 layui 官网文档):.myskin{        background-colo ...

  5. 前端ui框架layui——layer弹出层-内置方法

    提示:本页内容所展示的内置方法是除了所有弹出方法(eg:layer.open)以外的,想看弹出方法请到这里 --------内置方法---------- 1.layer.config(options) ...

  6. layui layer弹出层通过offset属性定位弹出层在光标处弹出(event.clientY和event.clientX)失败。

    将弹出层弹出位置定位到光标处,大小超过父弹出层的部分无法显示 .js //页面层-自定义 $("#more").click(function (event) {layer.open ...

  7. 前端ui框架layui——layer弹出层-弹出框方法

    ----------弹出框方法----------------- 1.layer.open(options) - 原始核心方法 基本上是露脸率最高的方法,不管是使用哪种方式创建层,都是走layer.o ...

  8. layui.layer 弹出层使用

    layer 在 layui 体系中的位置比较特殊,甚至让很多人都误以为 layui = layer ui,所以再次强调 layer 只是作为 layui 的一个弹层模块 1. 获取laery,你需要去 ...

  9. layui内置模块(layer弹出层)

    前面我们已经对layui前端框架的页面元素进行了简单的学习,但是作为一个可用的程序,仅仅是长的好看,并没有那个什么用:在好看的同时还需要实用和酷炫,实用就需要实现我们方便的和后端进行数据交互,酷炫就是 ...

最新文章

  1. vue2.0 与 bootstrap datetimepicker的结合使用
  2. Qt学习之路(56): 二进制文件读写
  3. python调用所有函数_python打印所有函数调用以了解脚本
  4. Android Studio 单刷《第一行代码》系列 04 —— Activity 相关
  5. C# log4net 的配置
  6. 【Alpha】Daily Scrum Meeting第八次
  7. 安防监控系统CIF、D1等格式的解释
  8. MongoDB的可视化工具之Navicat
  9. 8月29日见!卢伟冰:Redmi首款互联网电视将采用70英寸巨屏
  10. matlab2c使用c++实现matlab函数系列教程-atan函数
  11. 即插即用,运维工程师必会正则表达式大全
  12. 饿了么风神系统手机版_数字技术带来平等工作机会 饿了么智能调度系统助力残障骑手少跑路多接单...
  13. Android游戏辅助开发流程,安卓辅助脚本开发游戏化编
  14. nrf52840烧录提示错误原因和解决办法
  15. 腾讯互娱技术总监张正:《天涯明月刀》后台技术创新
  16. Amazon 邮箱大全
  17. win平板计算机,十大平板电脑排行,告诉你平板电脑哪个好
  18. 记录:win10 cmd切换目录 切换到D盘
  19. 金山快盘 linux,WPS移动版5.5发布 支持金山快盘双向读写
  20. 数学与计算机学院 林晖,龙岩学院二届二次教代会各代表团代表、特邀代表、列席代表名单及讨论地点安排...

热门文章

  1. cart算法_决策树学习笔记(三):CART算法,决策树总结
  2. qt 对话框位置如何确定_便利店如何确定收银台位置?
  3. python医药数据,PostgreSQL+Python实现药品规格数值与单位拆分
  4. mysql中having的例子_有关mysql中having子句对组记录进行筛选的例子
  5. ztree 后台异步加载_zTree异步加载实现
  6. python写日志到文件_python 通过logging写入日志到文件和控制台的实例
  7. python编写代码运用递归画图形_python数据结构与算法 22 递归图形
  8. springboot旅游系统设计技术描述_5A旅游景区标识标牌系统业材料的工艺技术
  9. jmeter安装 java,Windows下安装jmeter图文教程
  10. java 采集上下滚屏_关于java游戏滚屏的问题!(如何实现)!