![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
layui
御风傲天
IT前端码农
展开
-
layui弹出层 iframe子页面的背景层覆盖父级页面
项目中运用了iframe,子页面显示。但是在使用layui的插件时,弹出层背景自覆盖当前的iframe区域,并不是覆盖了整个页面。要实现覆盖整个页面,这里就需要用到layui中的方法,parent.layer.open({})。在父级页面打开弹出层。具体操作如下:注意:在外面的父级页面和iframe里面的子页面都需要,引用layui.js和layui.css第一步:子页面中调用pare原创 2018-02-01 18:03:47 · 14438 阅读 · 5 评论 -
使用layer.photos点击不显示图片,没反应,解决方案
这项目中运用了layui这个css框架,在使用组件弹出相册时,遇到一个问题,按照官网文档,返回的json数据格式也是按照官网来的,但是不显示图片,这里有一个坑,如果你是吧官网例子粘贴过来修改如下:$.getJSON('/jquery/layer/test/photos.json', function(json){ layer.photos({ photos: json ,ani...原创 2018-04-25 19:52:35 · 9167 阅读 · 2 评论 -
layui表格(table)排序
layui表格本身提供sort排序,但是只能排序当前一页;如果后台返回几十页数据,需要排序显示,该如何做呢,这里闲心大神提供了一个sort监听方法:通过监听排序的列,把对应的参数传给后台,然后重渲染表格就行了 //监听表格排序问题 table.on('sort(test)', function(obj){ //注:tool是工具条事件名,test是table原始容器的属性 lay-fil...原创 2018-07-09 18:16:33 · 36071 阅读 · 0 评论 -
layui框架layer弹窗点X,再次弹出之前信息没清空,问题解决
在项目中用到layer里面填写表单,提交后;再次填写时,会把之前的填写信息一同提交;解决方法:使用end回调方法,刷新一下页面layui.use('layer', function(){ var layer = layui.layer; layer.open({ type: 1, title: '修改机器人设置', shad...原创 2018-07-04 18:11:04 · 5862 阅读 · 2 评论 -
layui动态渲染生成左侧3级菜单(根据后台返回数据)
声明:这里非常感谢闲心大神,开源了非常好用的前端UI框架,layui,如有侵权请联系我。当然闲心在2.0版本的layuiAdmin已经支持了,不过是收费版的,需要的同学可以自行购买,网址:http://www.layui.com/admin/pro/本人在做管理后台事用到了左侧的导航列表,但是管理后台进来的菜单是根据不同账户的权限,显示不同的菜单。这时候需要动态的渲染左侧的列表。但是1.0版本...原创 2018-08-10 17:24:07 · 32415 阅读 · 26 评论 -
layui加载数据显示loading加载完成loading消失
项目中,向后台请求数据,经常会出现较长的等待时间,这时我们需要一个loading转圈圈,接收到后台的数据时,让loading消失这layui中使用方法如下:以表格为例,每次加载表格数据时加一个loading<link rel="stylesheet" href="../layui/css/layui.css" /><script type="text/javascri...原创 2018-08-15 16:10:38 · 81756 阅读 · 0 评论 -
layui-table对返回的数据进行转变显示
在使用layui表格时,在ajax请求回来的数据,有时候需要我们处理之后显示1.比如性别sex这个字段,后台可能返回的是1.或者 2;那我们总不能显示1.和 2,我们需要显示男和女,这里就用到了自定义模板了 <script type="text/html" id="barDemo"> {{#if (d.sex == 1) { }} <s...原创 2018-08-29 19:04:54 · 17057 阅读 · 1 评论