layui插件
关注
分享
扫一扫
我是高手高手高高手
这个作者很懒，什么都没留下…
展开
-
layui 穿梭框transfer组件 数据data用ajax来获取
【代码】layui 穿梭框组件 数据data用ajax来获取。原创 2024-06-20 22:08:49 · 382 阅读 · 0 评论 -
layui 树组件tree 通过API获取数据
/单个勾选 id 为 1 的节点。初始化 默认选中：只能这个位置才能生效。原创 2023-12-20 17:04:12 · 2481 阅读 · 0 评论 -
layui 分页组件 laypage
【代码】layui 分页组件 laypage。原创 2023-10-09 18:40:50 · 1220 阅读 · 0 评论 -
layui 数据表格中加入表单元素，发现变成字符输出
layui 数据表格中加入表单元素，发现变成字符输出原创 2023-04-19 15:23:30 · 261 阅读 · 0 评论 -
layui 表单 红色*表示必填项，红色右三角 文本框 下拉框
样式 <style> /* 表单必填项，右红三角 */ .fn_bixuan{position: relative;} .fn_bixuan::after{position: absolute;display: block;content: ''; z-index: 1;transform: rotate(-45deg); left: -10px;top: -10px;border: 10px solid; border-color: transparent ..原创 2022-01-20 11:17:17 · 1561 阅读 · 0 评论 -
layui xm-select插件注意事项
1.下拉树如果下级没有数据，这个字段children一定不能有，连$val['children']=[];都不行原创 2021-06-09 18:09:15 · 1152 阅读 · 0 评论 -
layui xm-select插件(axios/ajax)远程获取数据
插件：https://maplemei.gitee.io/xm-select/#/senior/update原创 2021-06-09 12:22:21 · 2984 阅读 · 2 评论 -
layer 弹出层弹出后自动最大化
var index = layer.open({ type: 2, title: ‘标题’, id:'TWork', maxmin: true, area: ['800px', '600px'],//宽高不影响最大化 content: url,//地址 success: functio.转载 2020-12-23 23:06:29 · 1115 阅读 · 0 评论 -
layui 插件 interact 多级联动 使用手册
1、下载https://fly.layui.com/extend/interact/插件安装路径：\public\static\layuiadmin\modules这里是安装到后台模板中，自己的要看看是那里。没有layuiadmin模板，那按layui官方要求安装2、JS部分 }).use(['index', 'form','layer', 'upload','inte'], function(){ var $ = layui.$ ,layer = layui.la.原创 2020-12-16 14:40:34 · 770 阅读 · 2 评论 -
layui upload 上传组件(图片、文件) data 其它参数如何传参 同时加上传进度条
html: <div id="type1" style="display: block;"> <div class="layui-form-item"> <label class="layui-form-label">图片/文件</label> <div class="layui-input-block layui-upload"> <button type="button"..原创 2020-11-28 11:11:30 · 2616 阅读 · 0 评论 -
TP6 layui upload 图片、文件上传
我用的图片上传 前端是用layui 图片上传 下面贴代码 和步骤 我尽量写的详细些1、layui 代码<div class="layui-form-item"> <label class="layui-form-label">上传图片</label> <div class="layui-input-block" id="image1"> <img src="/static/image_icon/WechatIMG2.png" alt=转载 2020-11-27 17:57:41 · 2475 阅读 · 2 评论 -
tp5 layui ajax 数据表格(给每条数据给状态) JS数组查询 循环
<script type="text/html" id="stateTpl"> {{# if(sostatefn(d) == 1){ }} <a class="layui-btn layui-btn-xs layui-btn-normal" >已复制</a> {{# } }} </script>表格<script> layui.use(['layer', 'form','element','j...原创 2020-09-19 16:53:25 · 591 阅读 · 0 评论 -
js jq layui 数字 验证是不是数字/整数 正则表达式
js_ jq 正则表达式判断是否是数字和浮点类型，int类型和double类型<!DOCTYPE html><html><head><meta charset="utf-8"><title>否是数字和浮点类型，int类型和double类型</title></head><body> <script>//要判断的变量var str="3656.33"; //否是数字和...转载 2020-05-18 19:32:03 · 4122 阅读 · 0 评论 -
layui 引用后form里的样式没有生效(重新渲染 render)
form.render();原创 2020-05-08 17:01:00 · 3909 阅读 · 2 评论 -
layui 数据表格 自定义模板 templet: '#titleTpl' 数组循环显示相等对应值的名称
效果：<th lay-data="{field:'evaluat_type', width:110, templet: '#typeTpl'}">类型</th><script type="text/html" id="typeTpl"> {volist name="$EvaluatType" id="vo" } {{# if(d...原创 2020-04-28 11:23:04 · 2975 阅读 · 0 评论 -
layui 表单 验证整数
<input name="location" class="layui-input" lay-verify="number|Ndouble" type="text"/>//自定义表单验证 form.verify({ Ndouble:[ /^[1-9]\d*$/ ,'只能输入整数哦' ...转载 2020-03-24 15:50:02 · 4023 阅读 · 0 评论 -
TP5 传递参数格式问号型index.html?id=417和静态型index/pid/417/id/b.html(网址url跳转 不带问号)
index/pid/417/id/b.html传递参数格式一：{:url('about',['pid'=>$id,'id'=>$vo.id])}传递参数格式二：index.html?id=417二、在模板中URL中加放变量格式：<a href="{:url('index/'.$controller.'/details',['id'=>$rs....原创 2018-09-19 10:36:17 · 9686 阅读 · 1 评论 -
TP5 控制器Controller中URL，跳转和重定向
<?phpnamespace app\index\controller;use think\Controller;class Index extends controller{ public function index() { $this->redirect('/admin/login/'); }}注意：要有 use think\Con...转载 2018-09-23 23:05:34 · 10503 阅读 · 0 评论 -
layui 验证 判断值只能中文(姓名、用户名)
<input type="text" name="username" id="username" required lay-verify="required|username" value="{$rsu['real_name']}" placeholder="真实姓名" autocomplete="off" class="layui-input"><script>...原创 2020-03-17 09:56:07 · 2275 阅读 · 2 评论 -
layuiadmin 数据表格分页 只出现一页
造成原因：没有设置limit数目，在TP中设置limit=多少是没有用的，一定要在JS设置两个参数一定要： ,page:true ,limit:2原创 2020-01-15 00:09:13 · 3035 阅读 · 2 评论 -
layuiAdmin iframe版 网页查询搜索功能where
1.查询区：关键词 <fieldset class="layui-elem-field layui-form"> <legend>查询参数</legend> <div class="layui-field-box"> <div class="layui-form-item"> &...原创 2020-01-14 23:26:01 · 980 阅读 · 3 评论 -
layui layer.open弹层默认打开就是最大化
var index = layer.open({ type: 2, Boolean:true, title: '编辑', maxmin: true, area: ['80%', '80%'], content: '{:url('add')}?id='+data.id, }); layer.full(index...原创 2020-01-14 21:58:45 · 8164 阅读 · 0 评论 -
layuiadmin 扩展第三方组件方法(cropper图片组件)
方法一：1.把下载好的第三方组件文件解压2.把解压的文件复制到layuiadmin\modules例子：加载cropper 图片截取（剪裁）上传 组件3.使用 加载组件原创 2020-01-13 00:41:37 · 2179 阅读 · 0 评论 -
layui 错误Uncaught TypeError: parent.$ is not a function
Uncaught TypeError: parent.$ is not a function要在父(即图片上2层网页上)页面引用Jquery参考：https://fly.layui.com/jie/6968/原创 2020-01-01 23:43:36 · 5617 阅读 · 0 评论 -
ajax 使用方法
$.ajax({ url: "{:url('login')}", type: "post", dataType:"json", //返回格式为json async:true,//请求是否异步，默认为异步，这也是ajax重要特性 data: {username:username,password:password,verifyCode:verifyCode},...原创 2020-01-01 01:01:40 · 257 阅读 · 0 评论 -
TP5 layui 储存type分类ID，记录显示中显示对应的中文名称
$res = $r1->select();foreach($res as $v){ $res2 = $r2->where("pid=".$v['id'])->select(); $v['child'] = $res2;}{$v.name} {$v2.number} 引用：http://bbs.youkuaiyun.com/topics原创 2017-10-13 13:56:06 · 3039 阅读 · 0 评论 -
metinfo layui.table 数组表格
模板<!--<?phpdefined('IN_MET') or exit('No permission');require $this->template('ui/head');//$class1 = $_M[form]['class1'];echo <<<EOT--><script type="text/javascript...原创 2018-10-23 22:57:54 · 841 阅读 · 0 评论 -
layui form.render('select', 'test2') 更新渲染
<div class="layui-form" lay-filter="test1"> …</div> <div class="layui-form" lay-filter="test2"> …</div> 【JavaScript】form.render(null, 'test1');转载 2018-10-21 23:35:25 · 41456 阅读 · 4 评论 -
layui 是否开启合计行区域
https://www.layui.com/demo/table/totalRow.html转载 2018-10-23 16:25:10 · 6522 阅读 · 8 评论 -
layui 监听select选择 获取当前select的ID名称
监听select选择form.on('select(filter)', function(data){ console.log(data.elem); //得到select原始DOM对象 console.log(data.value); //得到被选中的值 console.log(data.othis); //得到美化后的DOM对象}); 获取自定义属性data.el...原创 2018-10-21 19:30:05 · 7601 阅读 · 0 评论 -
layui 下拉框 联动多级 ajax取值方法
layui 下拉框 联动多级 ajax取值方法 <div class="layui-form-item" id="app_url" style="display: none;"> <div class="layui-inline"> <label class="layui-form-label"&原创 2018-10-20 21:03:59 · 3665 阅读 · 0 评论 -
TP5 layui.table 完整数据表格 查询带参数
一、完整例子<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>...原创 2018-10-16 19:06:04 · 13771 阅读 · 1 评论 -
js 点击弹出取得属性(lay-id)中多个值
//观看直播回放 $(".view_video").on("click",function(){ var arrid = $(this).attr("lay-id"); var strs= new Array(); //定义一数组 ...原创 2018-10-24 17:59:31 · 6085 阅读 · 0 评论 -
layui 数据表格 table 操作表格数列
模块代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">原创 2018-11-16 16:03:34 · 6150 阅读 · 0 评论 -
layui 单选项 点击显示与隐藏
<div class="layui-form-item"> <label class="layui-form-label">类型</label> <div class="layui-input-block"> <input type="radio" name原创 2019-01-10 11:20:10 · 32408 阅读 · 7 评论 -
layui 二级联动菜单
<form class="layui-form" action="{empty name="id"}{:url('add')}{else /}{:url('edit')}{/empty}" method="post" enctype="multipart/form-data" > <div class="layui-form-item"原创 2019-01-10 11:33:44 · 5440 阅读 · 0 评论 -
layui 动态添加多选checkbo选项后重载/刷新/更新渲染，form.render('checkbox');//刷新值
layui 动态添加多选checkbo选项动态加选项js 赋值之后，需要重新加载才能出现重新加载 form.render('checkbox');//刷新值其它表单元素：下拉框：form.render('select'); 其它元素：折叠面板：element.render('collapse'); 官方说明：https://www.layui...原创 2019-01-21 15:16:14 · 15293 阅读 · 0 评论 -
layui checkbox多选框/复选框 判断checkbox选中的有多少个
<input type="checkbox" lay-skin="primary" lay-filter="ckpidlist" class="p_id" name="pid[]" id="1" value="1" title="人的体温超过42℃就会死 这是真的吗？" checked="">原创 2019-01-22 15:54:57 · 9611 阅读 · 0 评论 -
layui.table 数组表格 把数据的总数显示出来
, done: function(res, curr, count){ $("#total").html(count); }<blockquote class="layui-elem-quote"><h3>学生总人数：<span id='total'></span><原创 2019-02-22 14:57:38 · 10085 阅读 · 0 评论 -
layui 取得checkbox复选/多选选中的值(多个值)
function get_data(idname){ var classid = ''; $("#"+idname+" .layui-form-checkbox").each(function(){ var _taht = $(this); if(_taht.is(".layui-form-check...原创 2019-03-04 10:19:59 · 11926 阅读 · 0 评论