layui最近遇到的问题以及处理

关键词：

layui是我最近才接触的..也是新项目中用到的后台前端框架..与easyui有些类似..在这段时间的使用中，经常会碰到大大小小的问题..

   1.选显卡切换又是加载数据表格。分页条不显示

   2.layui.open弹出框中的无法触发用js.或者jquery写得触发事件..

  等问题..但是这两个问题是我遇到过最坑的..

 至于解决办法

   1.针对分页栏无法显示..只能通过切换表格的时候重新加载数据表格

   2.弹出框中的事件..只能使用layui的事件方式触发..例如我做了个复选款权限树..

    但是却无法触发复选款改变事件..或者点击事件..通过不断的尝试..最后用了layui标准的复选款监听..才能触发..这浪费了我不少时间..

  

$(‘#add-btn‘).click(function()

var index=layer.open(

type: 1

,area: [‘550px‘,‘400px‘]

,title: [‘添加门店‘, ‘font-size:16px;height:40px;line-height:40px;background:#fff;border-top:3px solid #3a90b8;border-bottom:1px solid #e0e0e0‘]

,content: str

,btn: [‘确认‘, ‘取消‘]

,shade: 0.1 //不显示遮罩

,yes: function(index, layero)

var str="";

$("#tip-organ").html();

$("#hidInfo").html();

var organs=$("input[name=‘fen1‘]");

var inpstr="";

for(var i=0;i<organs.length;i++)

var organ="";

if(organs[i].checked == true)

var title=organs[i].title;

organ=organs[i].value;

var id=‘id‘+organ;

console.log(id);

str+=title;

str+=‘:‘;

inpstr+=‘<input type="hidden" name="organId" id="shopId" value="‘+organ+‘">‘;

var online=$("#"+id+" input[name=‘type1‘]").is(‘:checked‘);

console.log(online);

var offLine=$("#"+id+" input[name=‘type2‘]").is(‘:checked‘);

console.log(offLine);

if(online==true && offLine==true)

inpstr+=‘<input type="hidden" name="kind" id="applykind" value="3">‘

str+=$("#"+id+" .shop-two-unit input:checkbox[name=‘type1‘]:checked").attr("title");

str+=",";

str+=$("#"+id+" input:checkbox[name=‘type2‘]:checked").attr("title");

else if(offLine==true && online==false)

var title=$("#"+id+" input:checkbox[name=‘type2‘]:checked").attr("title");;

str+=title;

str+=",";

inpstr+=‘<input type="hidden" name="kind" id="applykind" value="2">‘

else if(online==true && offLine==false)

var title=$("#"+id+" input:checkbox[name=‘type1‘]:checked").attr("title");;

str+=title;

str+=",";

inpstr+=‘<input type="hidden" name="kind" id="applykind" value="1">‘

else

layer.msg(‘请选择门店活动适用范围！‘);

return false;

$("#tip-organ").html(str);

$("#hidInfo").html(inpstr);

layer.closeAll();

,cancel: function(index, layero)

, success: function(layero, index)

shopstr=loadShopDom();

$(".shop-r").html(shopstr);

var form = layui.form;

form.render(‘checkbox‘);

$("document").on(‘click‘,‘#father‘,function()

alert("2");

if ($(this).prop("checked") == true)

$(this).parents("li").eq(0).find("input:checkbox").prop("checked", true);

else

$(this).parents("li").eq(0).find("input:checkbox").prop("checked",false);

var form = layui.form;

form.render(‘checkbox‘);

);

$(‘#father‘).click(function()

alert("2");

if ($(this).prop("checked") == true)

$(this).parents("li").eq(0).find("input:checkbox").prop("checked", true);

else

$(this).parents("li").eq(0).find("input:checkbox").prop("checked",false);

form.render(‘checkbox‘);

);

form.on(‘checkbox(owner_one)‘, function(data)

if ($(this).prop("checked") ==true)

$(this).parents("li").parents("li").eq(0).find("input:checkbox.father").prop("checked", true);

else

if ($(this).parents("li").parents("li").eq(0).find("input:checkbox:not(.father):checked").length == 0)

$(this).parents("li").parents("li").eq(0).find("input:checkbox.father").prop("checked",false);

form.render(‘checkbox‘);

);

form.on(‘checkbox(owner_all)‘, function(data)

var a = data.elem.checked;

if(a == true)

$(this).parents("li").eq(0).find("input:checkbox").prop("checked", true);

form.render(‘checkbox‘);

else

$(this).parents("li").eq(0).find("input:checkbox").prop("checked",false);

form.render(‘checkbox‘);

);

);

);

);

layui弹出层layer过大被遮挡解决办法-resize事件自动调整

遇到的问题??最近在使用layui做一个管理系统，由于前端技术有限，在开发过程中也遇到这样那样的问题，即比较简单的问题有时也要搞半天。。??layer弹出窗口在弹出时指定了area，弹出后，如果当前页面（iframe）大小比弹出的窗... 查看详情

sarscape中哨兵数据的处理过程以及遇到的问题

一、数据预处理前的准备阶段：1、下载哨兵数据：在ASF官网（下载地址https://www.asf.alaska.edu/sar-data/palsar/）进行下载，相对于欧空局的官网下载速度要很好多，复制下载链接，直接在EagleGet下载器下载，该下载器免费，不限速。... 查看详情

pjax+layui遇到的坑(代码片段)

观点1：当使用layui中elment.on或form.on事件（也就是所有利用layui里面的on去绑定事件）时，利用pjax加载页面，并且多个页面包含相同lay-filter元素时，其他页面绑定的lay-filter元素事件处理会使本页面具有相同lay-filter元素也同样具有... 查看详情

angular中使用layui上传图片--遇到的坑

Ⅰ、问题描述：点击上传图片没有反应，或是第一次点击上传图片没有反应　　问题原因：layui插件初始化位置不对　　解决方法：要将layui初始化方法放到ngOnInit钩子函数中，或是自定义一个方法，在ngOnInit中通过setTimeOut()函数... 查看详情

关于layui.laypage.render刷新首页没有分页问题

前言：　　最近写项目遇到一个问题，就是使用vue里的layui.laypage.render分页时，刷新首页会只有一页，但后台传来的数据是有50多页的，所有的数据也都一一对应，调了好久debug,终于发现了一个地方：layui.laypage.render的elem有点不... 查看详情

layui的upload组件使用以及上传阻止测试

背景：页面上一个按钮，点击弹出上传框，从按钮的方法代码开始写：处理未选择文件阻止上传；通过判断选择文件的数量，显示或隐藏上传按钮；在js中定义：function uploadFile()　　　　layer.open(　　　　　　　　type:1,　　... 查看详情

页面当中遇到的兼容问题以及解决方案

1. 页面出现滚动条 ———— ::-webkit-scrollbardisplay:none; 2.处理火狐浏览器form表单回显时出现蓝色或者黄色的背景色，三种方法如下： 这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill... 查看详情

zookeeper安装以及遇到的一些坑(代码片段)

最近项目中用到了storm，然后storm中用到了zookeeper，然后今天抽空整理一下zookeeper的安装使用，原来后期再慢慢学习。本篇文档，操作部分是摘自其他博客，里边的问题分析是自己在实践过程中遇到然后特别记录的！-----------------... 查看详情

XCUITest 验证 ui 中断处理程序发生

...020-06-1112:01:48【问题描述】：我对swift和xcuitest很陌生。我最近遇到了addUIInterruptionMonitor，用于处理可能弹出的警报。我想知道的是如何验证警报是否发生以及处理程序是否已处理。以以下为例addUIInterruption 查看详情

第一个opencv声称图片_以及遇到的问题集锦

第一个opencv生成图片http://www.cnblogs.com/emouse/archive/2013/01/27/2878794.html调试过程中遇到的各种问题收集：  1 关于在Opencv中使用Release、imread时候出现，错误0x5a6f37ff(msvcr100d.dll)处有未经处理的异常:0xC0000005:读取位置0x706d622 查看详情

ssm项目配置swagger以及遇到问题的解决(代码片段)

...置文件处理，指向swagger配置类三、 swagger配置类四、遇到的问题4.1图片显示4.2错误提示信息4.3原因4.4解决五、测试5.1运行成功5.2接口测试一、Maven引入依赖<!--Swagger配置--><dependency><groupId>io.springfox</groupId&g 查看详情

ssm项目配置swagger以及遇到问题的解决(代码片段)

...置文件处理，指向swagger配置类三、 swagger配置类四、遇到的问题4.1图片显示4.2错误提示信息4.3原因4.4解决五、测试5.1运行成功5.2接口测试一、Maven引入依赖<!--Swagger配置--><dependency><groupId>io.springfox</groupId&g 查看详情

[深度学习][图像处理][毕设][常识]关于图像处理的一些基本常识，以及最近5天的笔记。2018.5.2号

《深度学习与计算机视觉》　　　　　　　　　　　　　　　　　　　　　　　要看　　　　　　　　　　　　页：28、30、37、51-53、66-70、    　　　　　　　　　　　　73-78、81、84、88-95、100、    ... 查看详情

layui重载传参以及加载两次问题

layui.use([‘table‘,‘layer‘],function()var$=layui.jquery,layer=layui.layer;vartable=layui.table;vartxtRet=document.getElementById("<%=txt_RegName.ClientID%>");vartableIns=table.render(elem:‘#id 查看详情

水平分库分表的关键步骤以及可能遇到的问题

分片技术的由来关系型数据库本身比较容易成为系统性能瓶颈，单机存储容量、连接数、处理能力等都很有限，数据库本身的“有状态性”导致了它并不像Web和应用服务器那么容易扩展。在互联网行业海量数据和高并发访问的考... 查看详情

[磁盘空间]lsof处理文件恢复句柄以及空间释放问题

曾经在生产上遇到过一个df和du出现的结果不一致的问题，为了排查到底是哪个进程占用了文件句柄，导致空间未释放，首先在linux上面，一切皆文件，这个问题可以使用lsof这个BT的命令来处理（这个哈还可以来查询文件句柄泄露... 查看详情

charles的与安装使用以及我们平时使用charles容易遇到的问题

...p; 上班已3个月了，突然想自己确实该总结和反思呀，最近的教训和收获，本人做的是测试，3个月的适应之路，走得感触颇多，觉得做测试，主要是思维要发散，想常人所想也想常人不常想，今天趁工作闲暇之余，给大家总... 查看详情

关于苹果内购（iap）的一些问题以及那些坑

最近在研究苹果内购功能，所以，在网上找了一些资料，进行学习。但是，内购功能在实现的过程中，有很多坑，笔者算是真的遇到了好多啊，下面也是自己对内购的一些心得与体会吧！我这里说的可能不太详尽，所以，我先把... 查看详情