1.原代码：

<body>

<div id="showalladdableavms" style="display: none;width:100%">

    <table id="demo" lay-filter="test"></table>

</div> -->

</body>

<script>

filldata(table,"#demo","getDateForUserJurisdiction.gds");

layer.open({

                               type:1,

                               title:"添加机器",

                               maxmin:true,

                               area:["100%","100%"],

                               btn:["确认添加"],

                               content: $("#showalladdableavms").html(),

                               success: function (layero) {

                              var btn = layero.find('.layui-layer-btn');

                              btn.css({'position':'relative','top':"-93%","text-align":"left","left":"8%"});

                              },

                              btn1:function(index, layero){

                                  //console.log(layero, index);

                                  var res = getoperavms('demo');

                                  console.dir(res)

                              }

                             });

function filldata(table,id,url){

              table.render({

                  elem: id,

                  height:"560"

                  ,url:url //数据接口

                  ,method: 'POST'

                  ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增

                  ,page:true/*  { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档

                            first: true //显示首页

                           ,last: true //显示尾页

                  } */

                   ,limits : [10,20,30]

                   ,limit:10

                  ,request: {

                    pageName: 'page',//页码的参数名称，默认：page

                  }

                  ,cols: [[ //表头

                             {checkbox:true}

                          ,{field: 'id', title: 'ID', width:80, sort: true}

                          ,{field: 'avm', title: '机器编号', width:80}

                          ,{field: 'company', title: '公司名称', width:80}

                          ,{field: 'area', title: '区域', width:80, sort: true}

                          ,{field: 'circuit', title: '线路', width:80}

                          ,{field: 'position', title: '位置', width: 177}

                          ,{field: 'goodsxml', title: '商品库', width: 80, sort: true}

                        ]]

                  ,where : {

                  //传值 startDate : startDate,

                          allavm:'yes'

                    }

                  ,response: {

                         // statusName: 'code' //数据状态的字段名称，默认：code

                         //,statusCode: 200 //成功的状态码，默认：0

                         //,msgName: 'message' //状态信息的字段名称，默认：msg

                         countName: 'total' //数据总数的字段名称，默认：count

                         ,dataName: 'rows' //数据列表的字段名称，默认：data

                        }

                   /* done:function(){

                             layer.open({

                                   type:1,

                                   maxmin:true,

                                   area:["800px","600px"],

                                   content: $("#showalladdableavms")

                                 });

                             } */

                 });

        }

</script>

2.现象：分页，选择框等无法操作，查了查说是使用html()方式得到的内容会丢失dom对象的事件，如果直接用dom会出现一直无法展示dom内容的问题。

3.解决：动态添加：

var dom = $("<div id='showalladdableavms' style='display:none;width:100%'><table id='demo' lay-filter='test'></table></div>");

$('body').append(dom)

这种方式可以很好的解决写死在页面里的dom对象打开时不展示，显示呈暗灰色调的问题，同时，dom对象的事件也得到了支持，完美

layui之layer打开table后分页无效的解决方法的更多相关文章

  1. 表格Table宽度设置无效的解决方法

    表格Table宽度设置无效的解决方法 bootstrap中使用table时发现不管用width赋值方式都无法改变table>td的宽度 解决方法: 设置table:table-layout:fi ...

  2. 用Mindjet MindManager 15 打开文件后停止响应的解决方法

    这个是因为文件里面有很多规格不统一的注释(那个像小本子的图标[里面就是注释部分]),默认编码是utf-8的,如果不一样的话就会出现这个问题.网上大多数都是让咱们删掉注释再打开 弱弱的问一下,如果我都把 ...

  3. (转）WEB页面导出为Word文档后分页&横向打印的方法

    <html>    <HEAD>        <title>WEB页面导出为Word文档后分页&横向打印的方法 </title>    < ...

  4. 设置height:100%无效的解决方法

    设置height:100%无效的解决方法 刚接触网页排版的新手,常出现这种情况:设置table和div的高height="100%"无效,使用CSS来设置height:" ...

  5. redhat linux enterprise 5 输入ifconfig无效的解决方法

    redhat linux enterprise 5 输入ifconfig无效的解决方法   在安装完成linux后,进入终端,输入命令行ifconfig,会提示bash: ifconfig: comm ...

  6. windows 10 删除库后自动恢复的解决方法

    目录 什么是windows 库? 手动删除不行吗? 如何正确的"删除"? title: windows 10 删除库后自动恢复的解决方法 date: 2019-06-09 15:4 ...

  7. WPF：指定的命名连接在配置中找不到、非计划用于 EntityClient 提供程序或者无效的解决方法

    文/嶽永鹏 WPF 数据绑定中绑定到ENTITY,如果把数据文件做成一个类库,在UI文件中去应用它,可能遇到下面这种情况. 指定的命名连接在配置中找不到.非计划用于 EntityClient 提供程序 ...

  8. 移动端bug~~移动端:active伪类无效的解决方法【移动端 ：active样式无效】

    移动端:active伪类无效的解决方法[移动端 :active样式无效]2016-09-26  15:46:50 问题: 移动端开发的时候实现按钮的点击样式变化,但是在iphone[safiri Mo ...

  9. js中style.display=""无效的解决方法

    本文实例讲述了js中style.display=""无效的解决方法.分享给大家供大家参考.具体解决方法如下: 一.问题描述: 在js中我们有时想动态的控制一个div显示或隐藏或更多 ...

随机推荐

  1. linux命令学习笔记（3）：pwd命令

    Linux中用 pwd 命令来查看”当前工作目录“的完整路径. 简单得说,每当你在终端进行操作时, 你都会有一个当前工作目录. 在不太确定当前位置时,就会使用pwd来判定当前目录在文件系统内的确切位置 ...

  2. Android之Widget学习总结

    1.Widget设计步骤 需要修改三个XML,一个class: 1)第一个xml是布局XML文件(如:main.xml),是这个widget的.一般来说如果用这个部件显示时间,那就只在这个布局XML中 ...

  3. CodeForces - 1017F. The Neutral Zone （数学+Bitset存素数+素数筛优化）

    Notice: unusual memory limit! After the war, destroyed cities in the neutral zone were restored. And ...

  4. PUN介绍(干货)

    PUN介绍 入门 Photon Unity Networking(首字母缩写PUN)是一个Unity多人游戏插件包.它提供了身份验证选项.匹配,以及快速.可靠的通过我们的Photon后端实现的游戏内通 ...

  5. 汇编题目：按A键，当松开的时显示字母A

    安装一个新的int9中断例程,功能:在DOS下,按下“A”键后,除非不再松开,如果松开,就显示满屏的“A”:其他的按键照常处理.提示:按下一个键时产生的扫描码称为通码,松开一个键时产生的扫描码称为断码 ...

  6. Poj 3356 ACGT（LCS 或 带备忘的递归）

    题意:把一个字符串通过增.删.改三种操作变成另外一个字符串,求最少的操作数. 分析: 可以用LCS求出最大公共子序列,再把两个串中更长的那一串中不是公共子序列的部分删除. 分析可知两个字符串的距离肯定 ...

  7. 2006年清华:N的阶乘

    题目描述: 输入一个正整数N,输出N的阶乘. 输入: 正整数N(0<=N<=1000) 输出: 输入可能包括多组数据,对于每一组输入数据,输出N的阶乘 样例输入: 4 5 15 样例输出: ...

  8. JAVA 1.5 并发之 Executor框架 （内容为转载）

    本文内容转自 http://www.iteye.com/topic/366591 Executor框架是指java 5中引入的一系列并发库中与executor相关的一些功能类,其中包括线程池,Exec ...

  9. JBOSS AS 5.X/6.X 反序列化漏洞(CVE-2017-12149)复现

    本机IP:192.168.220.145 靶机IP:192.168.220.139,版本为JBOSS AS 6.1.0 Final 首先访问目标地址,http://192.168.220.139:80 ...

  10. 0010_while循环

    while 条件: 代码块 break:跳出循环语句 continue:跳出本次循环,进入下一次循环. __author__ = 'qq593' #!/usr/bin/env python #-*- ...