layui
文章平均质量分 56
layui
优小U
Keep on learning as long as you live.
展开
-
layui 加载第三方插件
layui 加载第三方插件1. 使用模块2. 内置模块3. 扩展一个 layui 模块4. 加载第三方插件为layui模块1. 使用模块Layui的模块加载采用核心的 layui.use(mods, callback)方法,当你的JS 需要用到Layui模块的时候,我们更推荐你采用预先加载,因为这样可以避免到处写layui.use的麻烦。你应该在最外层如此定义:layui.use(['form', 'upload'], function(){ //如果只加载一个模块,可以不填数组。如:layui.u原创 2021-01-17 14:04:13 · 4299 阅读 · 2 评论 -
layui时间日期控件使用
范围选择 var $ = layui.jquery, element = layui.element(), form = layui.form(); var start = { min: laydate.now()原创 2017-03-17 17:54:08 · 8095 阅读 · 5 评论 -
layui表格checkbox选择全选样式及功能
在之前的版本,默认复选框是要有值得,默认为“勾选”两个字,在表格里用来做选择不适合,很难改,还好layui升级后,可以支持不写name值,来适应表格中的选择操作。1.layui版本号为 v1.0.9 rls版本(当前最新版本) 人物 民族 出场时间 格言原创 2017-03-17 18:30:31 · 61933 阅读 · 3 评论 -
layui自定义ajax左侧三级菜单
HTML代码: 需引入layui.css代码 控制面板 js代码:需引入 layui.all.jsvar $ = lay原创 2017-03-20 10:49:45 · 20495 阅读 · 16 评论 -
layui设置radio
前提:引入layui.css和layui.js1.用jquery设置layui表单的单选按钮 html代码如下: 性别 javascript 代码: res为结果集$('[name=sex]').each(function(i,item){ if($(item).val()==res.sex){ $(item).prop('checked',原创 2017-03-13 18:02:56 · 28037 阅读 · 9 评论 -
layui使用弹出层 关闭后弹层的内容又显示出来
1.layui的弹层插件 layer 使用 当弹层的内容很多时,可以先在页面上写好,一般是写在body里面,不要放在其他的div里面,防止弹层受到影响,使用方法: display:none;">test.... layui.use('layer',function(){ layer.open({ type:1,原创 2017-03-24 10:59:32 · 13995 阅读 · 14 评论 -
ajax结合接口 分页插件
利用ajax调用接口数据做分页功能1. 分页方法,写在公共js里面以供调用,代码如下: 因为采用了layui中的样式,所以需要引入layui.css,可以去layui官网下载:http://www.layui.com 如果不想使用layui可以自己定义样式,下面的代码应该都看得懂吧。//分页 参数列表:当前页数(从1开始),总页数,方法名,分页容器的IDfuncti原创 2017-05-17 16:08:43 · 656 阅读 · 1 评论 -
layui结合form,table的全选、反选v1.0
layui结合form,table的全选、反选v1.0原创 2017-05-17 16:59:47 · 11789 阅读 · 2 评论 -
layui左侧三级菜单2.0
之前在layui 1.0的时候写过一个三级菜单,那时候用三级菜单还要自己扩展,与后台交互也显得麻烦,现在新版本的layui自动就可以实现三级菜单了,很多朋友在问,我就帮大家整理了一下样式大家可以改改,直接上代码:<link rel="stylesheet" type="text/css" href="css/layui.css" /><script src="layui...原创 2018-04-16 23:51:49 · 17341 阅读 · 8 评论