Layui
咔咔-
死磕MySql系列作者
展开
-
槽糕,layui表单提交俩次
槽糕layui表单会提交俩次,你遇到过吗?前言使用这个layui已经快俩年时间了,刚刚新搭xadmin的框架,于是就出现了表单会重复提交这个问题,很懊恼啊!如果你想直接知道解决方案,那就直接到第三小节即可。一、起初操作首先来看看咔咔都做了什么操作。使用的xadmin模板,估计是没有把js文件引全面造成的问题。咔咔想实现的效果如下图。这是已经实现的效果,之前是没有的,就是因为加了这个玩意酿成的果。不知道你们平时开发是怎么找代码的,咔咔是直接去代码库里边直接搜链接格式不正确。下图.原创 2020-12-29 11:47:40 · 868 阅读 · 0 评论 -
【layui】不使用ajax来做分页,根据地址分页
如何使用?1. 引入js代码2. 控制器传参数3. 效果原创 2020-02-07 17:21:55 · 821 阅读 · 0 评论 -
【layui】富文本解决复制的可以保存手写的无法保存
1. 这是js代码,看自己少什么加什么<script> layui.use(['form','layedit','upload'], function(){ var layedit = layui.layedit, form = layui.form, upload = layui.upload; ...原创 2019-12-16 14:40:25 · 832 阅读 · 0 评论 -
【layui】图片查看器
1先看一下文档2修改html这里用箭头指向了三个地方第一个是id:这个值是需要跟随id的变化而变化,否则就只有第一个列表可以点击,其他的就不可以第二个就是onclick:这个事件需要把对象本身当做参数传递过去3js代码js这里就是获取一个父级的属性id值,然后传递给photos即可4效果图https://mp...原创 2019-11-18 17:59:20 · 6191 阅读 · 0 评论 -
【ThinkPHP5.1】使用layui的图片上传显示问题
1.定义上传路径2.把public给替换掉,因为域名的地址直接定义到了public下3.前端的显示问题把这里直接给改掉,不用他之前的,因为现在的框架版本是5.1...原创 2019-11-06 18:52:20 · 898 阅读 · 0 评论 -
【Layui】解决如何使用富文本编辑器和富文本上传显示图片
01添加富文本首先添加富文本的代码然后就可以直接看到效果了操作上边的前提是你的标签必须是textarea,并且设置有id02富文本上传图片这里文档也写的很清楚,需要添加上传图片的接口最后项目展示就是这个样子的,这里需要切记的是上传图片的配置要在构建之前然后上传图片03注意点在上面俩步已...原创 2019-11-06 12:37:31 · 5895 阅读 · 5 评论 -
【Layui】关闭当前页面刷新父级页面
author:咔咔wechat:fangkangfk window.parent.location.reload();var index = parent.layer.getFrameIndex(window.name);parent.layer.close(index);原创 2018-12-30 15:56:42 · 3981 阅读 · 0 评论 -
【Layui】操作成功后返回父级并且刷新
author:咔咔wechat:fangkangfk原创 2018-12-25 17:39:55 · 5575 阅读 · 0 评论 -
【Layui】下拉框写法
author:咔咔wechat:fangkangfk<div class="layui-form-item"> <label class="layui-form-label">类型</label> <div class="layui-input-inline ">原创 2019-01-07 15:02:00 · 2937 阅读 · 0 评论 -
【Layui】对于列表页复选框只有选中时才会显示
author:咔咔wechat:fangkangfk第一次加载的时候,数据是没有复选框的当点击全选的时候,数据的复选框就出来了这个时候我们是想让他一开始就显示出来加上这段代码即可'<td><input type="checkbox" name="ids[]" value="" class="layui-checkbox che...原创 2019-01-03 14:25:10 · 953 阅读 · 0 评论 -
【Layui】textarea写法
author:咔咔wechat:fangkangfk<div class="layui-form-item"> <label class="layui-form-label"><?php echo $info['DisplayName'];?></label> <div class原创 2019-01-03 14:47:03 · 32509 阅读 · 0 评论 -
【Layui】权限管理
author:咔咔wechat:fangkangfkhtml导航单显示{include file="../../../application/admin/view/public/head" /}<style type="text/css"> .hs-iframe{width:100%;height:100%;} .layui-tab{positi...原创 2019-01-07 22:26:56 · 13628 阅读 · 6 评论 -
【Layui】在使用open方法弹出子页面时,路径地址不对,报错,解决方案
author:咔咔wechat:fangkangfk声明一个隐藏域,把地址放进去然后使用js直接获取,放到content即可原创 2019-01-09 18:26:00 · 4334 阅读 · 0 评论 -
【Layui】对于post请求方式的分页引发的刷新父级页面问题
author:咔咔wechat:fangkangfk这是做的视频分类案例在做这个时,我们的分页都是post请求获取的数据,但是在添加完数据之后,需要关闭添加页面,并且返回父级页面,也就是这个页面。现在就暴露了问题,比如我现在添加一个电视剧,返回来之后应该是电视剧,但是返回来是直接到电影的,因为post请求参数是没有在地址后边的,所有会直接返回到相当于初始页面所以...原创 2019-01-21 17:31:40 · 1906 阅读 · 0 评论 -
【Layui】对于input框有时候点击后没有反应
author:咔咔wechat:fangkangfk有时候会出现input的无法点击,这个情况是因为这个列表是我使用ajax请求获取的,所以属于未来元素。这个时候就只能使用绑定未来元素进行操作在这段代码中,我检测到layui-unselects这个元素的控制样式的,所以使用jquery来判断是否存在layui-from-checked这个class值。然后进行批量添...原创 2019-01-23 15:37:19 · 6363 阅读 · 0 评论 -
【layer】ifreme弹出层问题,导致代码失效 ——关闭当前弹出层
文章目录问题重现1. 代码2. 效果重现解决问题1.分析问题2.解决问题3. 演示结果问题重现1. 代码控制器会有一个验证方法然后在页面会检测当条件不符合时进行跳转2. 效果重现原本的样式,注意我圈出来的点击添加进入验证判断,条件不满足返回到进入页面这个时候你会发现这里多出来了一层在执行一次点击添加域名这个时候就会发现,跳转代码失效,页面出现了三层解决问题1.分析...原创 2019-08-20 17:28:51 · 709 阅读 · 0 评论 -
【Layui】时间日期控件
author:咔咔wechat:fangkangfkhtml: <div class="layui-form-item"> <label class="layui-form-label">日期时间选择器</label> <div class="layui-input-inli...原创 2019-01-04 11:08:22 · 2061 阅读 · 0 评论 -
【Layui】带查询条件的分页
author:咔咔wechat:fangkangfk这个前端UI框架是真的让人又爱又恨呐!想了很久的方案才行的通这是全部源码:{include file="../../../application/admin/view/public/head" /}<div class="page-container p10"> <form class...原创 2018-12-24 14:44:40 · 9073 阅读 · 0 评论 -
【Layui】子页面向父级页面传递参数
author:咔咔wechat:fangkangfk案例:底层是父级页面,上边是子页面,子页面需要将选择的ID传递给父级页面首先需要在父级页面写open打开子页面content是子页面地址var type_id; layui.use(['laypage', 'layer','form'], function() { var la...原创 2019-01-03 18:02:33 · 6473 阅读 · 0 评论 -
【Layui】动态禁止select下拉
author:咔咔wechat:fangkangfk前端代码js代码// 禁止select点击 function disSelect() { var level = $('#is_level1').val(); if(level != 1){ la...原创 2018-12-12 19:21:34 · 14718 阅读 · 3 评论 -
【Layui】ajax请求
author:咔咔wechat:fangkangfk//监听提交按钮 form.on('submit(formSubmit)', function(data){ $.post("{:url('video_type/editInfo')}",data.field,function(r){ if(r.code=...原创 2018-12-12 20:14:57 · 2941 阅读 · 0 评论 -
【Layui】使用location.href跳转时,第一次可以,第二次就没反应了,后台数据也已经改了
author:咔咔wechat:fangkangfk只需要在跳转之前加上父级页面刷新即可window.parent.location.reload();原创 2018-12-13 15:37:20 · 6770 阅读 · 0 评论 -
【Layui】是否跳出单选框
author:咔咔wechat:fangkangfk 复制代码删除php代码即可使用<div class="layui-form-item"> <label class="layui-form-label">是否跳出</label> <div class="layui-input-block...原创 2018-12-19 15:04:24 · 943 阅读 · 0 评论 -
【Layui】下拉框正确样式代码
author:咔咔wechat:fangkangfk<div class="layui-form-item"> <label class="layui-form-label">类型</label> <div class="layui-input-inline ">原创 2018-12-19 15:24:26 · 13912 阅读 · 0 评论 -
【Layui】修改页面的宽
author:咔咔wechat:fangkangfk由于我们的信息比较少,table太宽的话,显得太难看所以我们需要修改一下宽找到table标签,强制改原创 2018-12-14 20:40:42 · 2285 阅读 · 0 评论 -
【Layui】自行配置弹出层
author:咔咔wechat:fangkangfk前端使用的是layui框架,点击删除的时候后台数据不好传,于是就索性不要自带的弹出层了,自己实现一个//js代码 $('.del').click(function(){ var that = $(this); var dn_id = that.da...原创 2018-12-15 19:29:14 · 751 阅读 · 0 评论 -
【Layui】使用jquery
author:咔咔wechat:fangkangfk layui.use(['jquery',], function(args){ var $= layui.jquery; });原创 2018-12-28 14:30:13 · 2954 阅读 · 0 评论 -
【Layui】tp5上传图片
author:咔咔wechat:fangkangfk这个layui上传图片初学者看不明白很正常,按照这个思路做就没问题的首先就是拿他的前端代码这里需要注意的就是这个button里边的lau-data这个参数,点击上传图片的时候会把这个参数带上,这里我是做成了保存路径的参数,比如这里是video,这个图片的保存路劲就是upload/video <...原创 2018-12-18 09:54:58 · 1270 阅读 · 0 评论 -
【Layui】switch开关
author:咔咔wechat:fangkangfkhtml:<input data-href="{:url('bootUpStatus')}?bu_id={$v['bu_id']}" type="checkbox" name="status" {if condition="$v['bu_status'] eq 0"} checked {/if} value="{$v['...原创 2018-12-28 19:54:06 · 2673 阅读 · 0 评论 -
【Layui】表单验证
author:咔咔wechat:fangkangfklayui表单验证的属性required(必填项)phone(手机号)email(邮箱)url(网址)number(数字)date(日期)identity(身份证)关于layui的表单验证已经做得很简单了,下边使用案例来解释下来就以这个排序为案例:第一种方法:在使用的inp...原创 2018-12-18 14:23:45 · 3314 阅读 · 0 评论 -
【Layui】关于单选框的选中状态,下拉框默认显示
author:咔咔wechat:fangkangfk案例:我们先看一下点击修改电影这个分类的数据在修改的这个页面里边,分类也是循环出来的只需要让查出的来的id跟这个循环的id做判断即可下来是单选框的问题单选框这个就更简单了,首先我们给复选框一个固定的值,我们只需要用查出来的数据跟这个value的值做判断即可...原创 2018-12-18 15:16:56 · 3162 阅读 · 0 评论 -
【Layui】获取下拉框的值
author:咔咔wechat:fangkangfkhtml:js:select里边的值是下拉框的lay-filter的value值 layui.use(['laypage', 'layer','form'], function() { var laypage = layui.laypage , layer = layui...原创 2019-01-03 15:58:11 · 5540 阅读 · 2 评论 -
【Layui】使用TP5实现分页
author:咔咔wechat:fangkangfk看了很多分页功能都实现不了,要么就是看不明白,遇到不会的先使用之前方案实现,慢慢的就会有思路,然后成功案例:一个注意点就是html放置的位置这里我将整段代码都复制出来,如何你只想实现功能,只需要将html拼接的数据换成你的,然后请求接口换成自己的即可<script type="tex...原创 2018-12-18 18:04:20 · 2637 阅读 · 0 评论 -
【Layui】关于做了分页后点击删除按钮无效(或者在任何框架点击一个按钮无效解决方案)
author:咔咔wechat:fangkangfk案例:在ajax拼装完数据后,怎么点击删除都是没有反应,一直以为是数据拼接错了,最后才反应过来,使用js拼装起来的数据属于未来元素,所以点击是没有用的所以使用layui的同学去底层获取复制一个删除的方法,使用未来元素的方法就可以了...原创 2018-12-18 20:11:12 · 2008 阅读 · 0 评论 -
【Layui】var form = layui.form的意思 监听提交事件
author:咔咔wechat:fangkangfk看了文档后,说这种写法是获取form模块,也就是说操作from模块需要使用form来调用保存按钮的lay_fileter的值,就是监听提交事件的test //监听提交按钮 form.on('submit(test)', function(data){ console.log(data); })...原创 2018-12-12 18:40:34 · 5614 阅读 · 1 评论