![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Layui
xcmercy
这个作者很懒,什么都没留下…
展开
-
搭建Layui开发环境
1.官网 http://www.layui.com 下载框架压缩包解压,再解压文件夹中找到layui整个文件夹,不要改动其中任何内容,这个复制到项目目录下比如创建一个script目录,把jquery.min.js和layui整个文件夹一起复制到改目录下2. 页面中引入js文件以及layui必要的css文件注:${ctp}是取的是项目名。需要你自己写一个commo原创 2017-12-23 09:19:40 · 4003 阅读 · 0 评论 -
Layui之table中的radio在切换分页时无法记住选中状态
情景描述Layui数据表格中用到了表单元素radio,在当前页面选中radio状态,并同步更新到保存表格中所有的数据的数组中(获取表格中的所有数据并保存到数组中),再点击分页组件中的下一页、上一页、跳转按钮进行切换另外一个页面,然后在切换回之前的页面,会发现在以前页面上radio状态全部恢复默认了,我们当然是希望能保存住前一页radio的选中状态。我写项目遇到的一个的情况:在第一页选中的r...原创 2018-02-09 09:16:52 · 6429 阅读 · 3 评论 -
解决Layui数据表格中checkbox位置不居中
1.情景使用方法渲染的方式生成数据表格,添加了checkbox,但发现checkbox位置不居中,如下图所示 2.解决办法通过layui官方社区,找到如下代码,只需要添加如下样式即可解决.layui-table-cell .layui-form-checkbox[lay-skin="primary"]{ top: 50%; transform: trans原创 2018-01-20 17:26:57 · 8562 阅读 · 2 评论 -
Layui数据表格调整行高
同时设置数据表格单元格的height和line-height样式,且属性值必须一致.layui-table-cell{ height:36px; line-height: 36px;}原创 2018-01-20 17:22:41 · 43559 阅读 · 6 评论 -
Layui数据表格跳转到指定页
1.获取数据表格下分页组件中的页码输入框,具体元素在Elements中位置如下2.获取上述input并设置其value属性值为目标跳转页面页码$(".layui-laypage-skip").find("input").val(目标跳转页面页码 );3.触发跳转按钮的click事件$(".layui-laypage-btn").click();原创 2018-01-11 13:06:09 · 18098 阅读 · 2 评论 -
Layui给数据表格动态添加一行并跳转到添加行所在页
Layui数据表格动态添加一行问题Layui是一个前端 UI 框架,该框架风格优雅,但由于发布时间较短,很多功能并没有提供实现。 笔者在使用Layui的数据表格的时候,需求是这样的:当点击添加按钮的时候,就在数据表格最后动态添加一行。上述功能官方并没有给出实现,需要自己手动解决。解决思路及方案简单分析:根据需求——动态添加一行,首先想到的是利用JS/jQuery操作DOM对象实原创 2018-01-20 01:48:53 · 23886 阅读 · 5 评论 -
Layer获取iframe的dom元素及调用iframe页的js方法
1. 父页面点击第一个按钮触发,获取子页面中的body元素,调用子页面中定义的js方法yes : function(index,layero){ //获取iframe的body元素 var body = layer.getChildFrame('body',index); //得到iframe页的窗口对象 var iframeWin = window[layero.find('ifra原创 2017-12-23 10:33:35 · 10584 阅读 · 0 评论 -
使用Layer弹出iframe表单窗口,有几率无法成功提交表单问题解决
1.需求分析:使用Layer将表单放到iframe中弹出,点击弹窗中表单页面的使用button标签写的提交按钮(非input指定type为submit的那个提交按钮)提交表单,然后关闭窗口,父页面显示操作成功消息。2. 表单 Database Name: Owner: Database charset: TimeZone:创建 取消3. 有问题的实现方式:var原创 2017-12-23 10:18:07 · 1810 阅读 · 0 评论 -
Layer关于回调函数细节
Layer中关于yes、btn、cancel以及success回调函数参数注意事项1. yes、btn和cancel的回调函数参数index在第一位,layero在第二位。yes:第一个按钮的回调,携带两个参数,分别是当前层索引和当前层DOM;btn2:第二个按钮的回调,携带两个参数,分别是当前层索引和当前层DOM;cancel:右上角关闭按钮回调,携带两个参数,分别是当前层索引和当前层D原创 2017-12-23 10:10:23 · 22624 阅读 · 0 评论 -
Layui之表单form
1. 全家福代码以及效果图<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>Insert title here $(function() { layui.use('form', function() { var form = layui.原创 2017-12-23 09:37:41 · 17362 阅读 · 2 评论 -
layer弹出层不居中
原因layer弹出层如果不设置offset属性,默认是居中弹出。若没有设置offset属性,且不是垂直居中弹出,目前我遇到的情况其原因是:可能由于fixed定位或者absolute定位布局,导致元素脱离文档流,使得body看起来很高,但实际高度并没有被撑开,可以使用chrome开发者工具查看验证一下。解决给body加设置高度样式height:100%;...原创 2018-04-28 10:09:19 · 11290 阅读 · 8 评论