layui
关注
分享
扫一扫
文章平均质量分 56
叶落无痕123
好好学习天天向上
展开
-
layui 给数据表格加序号的方法
可选值有：normal（常规列，无需设定）、checkbox（复选框列）、space（空列）、numbers（序号列）。而如果是之前的版本，复选框列采用 checkbox: true、空列采用 space: true。,{field:'zizeng', width:80, title: '排名',fixed: 'left',templet:'#zizeng'},{field:'zizeng', width:80, title: '排名',fixed: 'left',type:'numbers'}...转载 2022-08-30 23:47:59 · 3209 阅读 · 0 评论 -
一个页面引入多个 ueditor百度编辑器方法
一,引入js<script type="text/javascript" src="__PUBLIC__/Admin/js/jquery.js"></script> <script type="text/javascript" charset="utf-8" src="/ueditor/ueditor.config.js"></script> <script type="text/javascript" charset="utf-8"...转载 2021-11-17 11:17:10 · 878 阅读 · 0 评论 -
layui中的视频上传（PHP ）
1.html中：<div class="layui-form-item"> <label class="layui-form-label">视频：</label> <div class="layui-input-inline"> <!--存放上传后视频路径--> <input type="text" name="video" id="inputvideourl" placeholder="转载 2021-11-16 17:48:59 · 1078 阅读 · 0 评论 -
在layui中使用 jquery 触发select 的 change事件无效
在layui中使用 jquery 触发select 的 change事件无效使用layui.use监听select事件 <select lay-filter="demo" lay-verify="required"><script>layui.use(['layer', 'jquery', 'form'], function () {var layer = layui.layer,$ = layui.jquery,form = layui....转载 2021-09-01 15:08:04 · 1250 阅读 · 0 评论 -
laydate时间控件：开始时间，结束时间最大最小值
时间控件地址及插件下载链接：https://www.layui.com/doc/modules/laydate.html填充时间已两个功能为例；1.添加功能 ：时间规则：选择开始时间后，点击结束时间必须大于开始时间； 如果先选择结束时间，开始时间必须小于结束时间；代码如下：<html><body><input type="text" class="cousre-time" id="startTime" placeholder="开始时间"转载 2020-10-31 11:49:56 · 897 阅读 · 0 评论 -
table设置tbody滚动条
table tbody { display: block; height: 400px; overflow-y: scroll; } table thead, tbody tr, tfoot tr { display: table; width: 100%; height: 40px; table-layout: fixed; font-size: 16px; text-align:center; } .转载 2020-09-28 11:08:51 · 2210 阅读 · 0 评论 -
layui表格内文本超出隐藏问题
只需要更改样式即可图片：代码如下.layui-table-cell{ height:auto; overflow:visible; text-overflow:inherit;转载 2020-09-21 09:29:43 · 3552 阅读 · 0 评论 -
layui设置select下拉列表展示框的宽度
添加样式，可以放到head里面<style type="text/css"> input.layui-input.layui-unselect {width:200px}</style>转载 2020-08-28 13:12:38 · 3579 阅读 · 0 评论 -
tp5+layui实现分页
layui和thinkphp5自己在百度上下载html代码 <!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>分页</title> <link re转载 2020-07-24 19:18:37 · 1282 阅读 · 0 评论 -
layui toolbar中的if(){}else{}
{{# if(d.is_frozen == 0){ }}<a class="table-oper" lay-event="frozen">冻结</a>{{# } else if(d.is_frozen=== 2) { }}<a class="table-oper" lay-event="frozen">删除</a>{{# } else ...转载 2020-04-23 19:03:19 · 993 阅读 · 0 评论 -
layui 实现鼠标指向table中的图片放大显示图片
这个功能的实现，网上有不少，但是之前自己查阅的时候总是实现不了，后来同事刘表哥 大佬，查阅了一下，加上自己的一些想法，实现了该功能，c v 即可使用，就感觉蛮不错的，代码理解起来也相对简单明了。如下图展示话不多说上源码~~~-------------------------------------------------------------------------------...转载 2020-04-15 17:59:06 · 557 阅读 · 0 评论 -
layui的select联动
要实现联动效果注意两点：第一要可以监听到select的change事件；第二异步加载的内容，需要重新渲染后才可以 正常使用。html结构：<form class="layui-form batchinput-form"action="" id="box-form"><div class="layui-form-item" ><div clas...转载 2019-05-23 11:27:26 · 2883 阅读 · 0 评论 -
layui-图片上传，可使用选择图片->上传图片，预览图片，删除图片（转载）
原文地址：https://gitee.com/AMortal/codes/qt8m6zk30u1g4evr95jhx13 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>layui</title>转载 2018-09-18 19:49:02 · 2807 阅读 · 0 评论 -
layui之ajax--回调函数
问题：一个简单的AJAX提交表单操作，经常发生后台数据保存好了，前端layer弹出层没有关闭，父页面没有刷新，定位发现是回调函数没有执行！！！用Google Chrome浏览器这种现象较少，而Safari 和 firefox浏览器100%发生。解决过程：困扰了很久，以为是哪里代码有问题，检查来检查去没发现问题，后来基本定位到layUI这个框架。结果：加上 红色字体 return false...转载 2018-09-18 20:13:54 · 4051 阅读 · 2 评论 -
layui-简单的登录注册界面
register.html 源代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="renderer" content="webkit"&转载 2018-11-09 09:25:07 · 13853 阅读 · 1 评论 -
layui封装ajax模块
layui是国人开发的一款非常简洁的UI框架，使用了模块化加载方式，因此在使用过程中我们难免需要添加自己的模块，本教程就教大家封装一个简单的模块。平常使用中，ajax可以说使用广泛，所以这里我们添加一个自己的模块，将ajax封装一下，方便使用。注：模块加载需要服务器环境支持，因此看本教程前，请先在你本地搭建好本地服务器环境，这个不在本教程范畴内，请自行百度。1、搭建项目目录首先从...转载 2018-11-09 10:18:16 · 2616 阅读 · 0 评论 -
layui的一个后台登陆
登陆逻辑和验证码逻辑需要自己写,输入框上面的logo可以自己加，lyaui的包自己下载即可~ html页面<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>后台管理-登陆</title> <link转载 2018-11-09 11:17:40 · 2326 阅读 · 1 评论 -
layui 给数据表格加序号
1，第一种需求，只给当前页加序号（1），给你的数据加上 templet属性,cols: [[ {field:'tourPlayerId', width:80, title: 'ID1', sort: true,fixed: 'left',} ,{field:'zizeng', width:80, title: '排名',fixed: 'left',templet:'#zize...转载 2018-11-19 14:15:27 · 2465 阅读 · 0 评论 -
layui tpl中的if(){}else{}
{{# if (d.is_del=== 0) { }} <span>男</span>{{# } else if(d.is_del=== 1) { }} <span>女</span>{{# } else { }} <span>不男不女</span>{{# } }} ...转载 2018-11-27 13:54:25 · 6507 阅读 · 0 评论 -
layui批量删除
<button class="layui-btn layui-btn-danger" data-type="getid" onclick="delAll()">删除所有选中行</button>js:table.on('checkbox(table)', function(obj){ var data = obj.data;});layui.jquery, ...转载 2018-11-27 14:39:39 · 1805 阅读 · 0 评论 -
h5学习笔记：layui table
参考1：https://blog.csdn.net/hero82748274/article/details/80870693参考2：https://blog.csdn.net/qq_35393472/article/details/83302605参考3：https://blog.csdn.net/qq_41594146/article/details/83215001参考4：htt...转载 2018-11-28 16:23:25 · 519 阅读 · 0 评论 -
layui时间区间搜索功能 如何锁定 开始时间 结束时间 的可选范围
1.示例图：代码：<div class="layui-form-inline"><label class="layui-form-label">活动时间</label><div class="layui-input-inline"><input type="text" id=&qu转载 2018-09-12 18:46:13 · 4607 阅读 · 1 评论