layui
关注
分享
扫一扫
肖肖肖丽珠
学习学习。写博客是为了积累和总结。如果写的有错欢迎大家指正点拨。努力成为技术小牛~~加油
展开
-
layui重置表单得内容
表单form的class是addmessage-from$(".addmessage-from")[0].reset();layui.form.render();原创 2021-05-27 10:30:54 · 329 阅读 · 0 评论 -
layui的弹窗里面有个按钮实现关闭弹窗。但是总是在关闭时触发刷新。我不想刷新啊
如标题我只想关闭当前的弹窗并不想刷新页面可以这样啦我在写取消事件的时候。$(".cancelstustatusformsub").click(function() { layui.closeAll(); return false;})结果弹窗关闭以后还刷新了页面。实际上我并不想刷新页面。下面这样写就行啦$(".cancelstustatusformsub").click(function() { ...原创 2021-05-08 16:54:44 · 884 阅读 · 3 评论 -
layui怎么去操作表格的一行，给某一行加一个点击事件
{ field: 'papercount', title: '做题次数', event: 'details', style: 'cursor: pointer;color:#20A0FF', ...原创 2021-04-30 17:19:04 · 1487 阅读 · 1 评论 -
layui的动态css设置
class="{{item2.name=='公众号设置'?'bindWechatAccount':''}}"在模板里面写的、{{# layui.each(d,function (index2,item2) { }} <dd><a _href="{{item2.path}}" class="{{item2.name=='公众号设置'?'bindWechatAccount':''}}" ><cite>{{item2.na...原创 2021-04-24 14:25:41 · 1041 阅读 · 0 评论 -
layui laydate设置最小时间为当前时间，不能选择今天之前的时间
<input class="layui-input" required="required" placeholder="设置过期时间" name="expiretime" id="expiretime"/>laydate.render({ elem: '#expiretime', format: 'yyyy-MM-dd HH:mm:ss', type: 'dat...原创 2021-04-08 11:47:17 · 3721 阅读 · 0 评论 -
iframe的外部访问他里面的layui.use里面的函数
外部1.引入layui.all.js2. <div class="layui-tab-item staffiframe"> <iframe src="staff.html" frameborder="0" scrolling="no" id="staff" style="width:100%;" name="staff" ></iframe></div>3.调用document.getEle...原创 2021-04-06 11:31:34 · 263 阅读 · 0 评论 -
layui的表单关闭弹窗点击的时候layer.closeAll()；会闪现一下校验
layui的弹窗里有个表单。然后有个提交检验必填项，一个取消按钮。点击取消就执行关闭弹窗layer.closeAll();但是关闭弹窗的时候会闪现一下校验：请输入此字段。我明明没有在这个按钮上加lay-submit="" lay-filter=""。最后解决办法是在取消按钮的事件中加上return false$("#addformcancel").click(function(){ layer.closeAll(); retur...原创 2021-04-02 14:11:44 · 564 阅读 · 0 评论 -
layui的外部使用layui.use里面定义的函数，无法找到怎么解决
引入layui.all.js然后layui.use里面的函数定义成window.allgrouproles=function (){ }然后就可以使用allgrouproles()调用啦原创 2021-03-31 11:10:32 · 1652 阅读 · 5 评论 -
layui的树节点动态添加禁用
//添加禁用得状态 $("input[name='layuiTreeCheck']").prop("disabled",true); $("input[name='layuiTreeCheck']").next(".layui-form-checkbox").addClass(".layui-checkbox-disbaled layui-disabled"); //取消禁用得状态$("input[name='layui...原创 2021-03-31 10:58:12 · 995 阅读 · 0 评论 -
layui树结构最后一层横着排列
加需要加一行样式/* 权限树最后一层变成横排的 */.layui-tree-pack.layui-tree-lineExtend .layui-tree-set{ display: inline-block; width:200px;}原创 2021-03-11 17:03:31 · 719 阅读 · 0 评论 -
layui的树怎么动态的设置禁用的disabled属性
需求是这样的：只能查看树结构但是不能点击。当进入编辑状态下才能编辑。这个时候就需要动态的给他修改是否可编辑的属性了。我是直接在浏览器中看tree的html的结构。然后把所有的checkbox的disabled属性都修改的。我发现他所有的复选框的那么是一样的。这样就好办啦。直接$("input[name='layuiTreeCheck']").prop("disabled",false)$("input[name='layuiTreeCheck']").prop("disabled",true..原创 2021-03-11 16:47:52 · 3715 阅读 · 0 评论 -
layui模板引擎绑定一个对象时一直显示[object Object]
我想在删除的时候获取整个对象，这样想拿什么都可以拿到了。但是我发现再点击事件里打印这个data-item的属性的时候获取的是[object Object]然后在浏览器里面查看到这里也是[object Object]这里需要使用JSON.stringify转化一下。data-item="{{JSON.stringify(v)}}"...原创 2021-03-10 14:38:13 · 1522 阅读 · 0 评论 -
layui模板引擎中的内容加点击事件无效是怎么回事？？
<div id="rolelistview"></div><script type="text/html" id="rolelisttpl"> <ul class="rolelist"> {{# layui.each(d, function(i,v){}} <li><img src="/static/images/sys...原创 2021-03-10 10:26:00 · 1833 阅读 · 1 评论 -
layui为什么面包屑不显示
想要实在的效果是这样的<span class="layui-breadcrumb"> <a> <cite>基本信息维护</cite></a> <a> <cite>组织管理</cite></a></span>页面中没有显示，也有引入layui.css.最后检查浏览器查看样式发现。就是layui.css自带的样...原创 2021-03-06 11:03:09 · 1198 阅读 · 0 评论 -
layui上传相同得内容choose只触发一次。上传了一次就不能选同一个了
当我选择图片上传以后。我再去重复覆盖上传发现不能选同一个了。虽然平时上传也根本不可能连着上传一摸一样得内容。但是有个特定的场景：我的编辑页面有个上传图片。我打开准备上传一个图片，上传以后不想提交就点击关闭，等我下次在打开上传之前那个图片得时候发现选不中了。解决：var uploadRender = upload.render({ elem: '#test' ,url: 'xxx' //改成您自己的上传接口 ,accept: 'file' //普通文件 ,choo...原创 2021-03-02 17:26:55 · 1164 阅读 · 0 评论 -
为什么layui的样式没有加载出来。明明写了form.render("select")
如果select渲染出来他的html内容是下面的那种dd的。但是如果没有渲染就是select 标签里是option一般的要使用模板写的话最后加上form.render('select'); 是可以的。但是我忽视了一个我问题。你这个select必须写在form表单里面才可以啊。 ...原创 2020-03-24 09:59:54 · 2213 阅读 · 0 评论 -
layui表格的时候获取序号
如果是表格渲染里直接循环就可以写table.render({cols: [[{type:'numbers'}，{field:'title', title: '文章标题', width: 200｝]]})如果使用templet序号：{{ d.LAY_INDEX }}<script type="text/html" id="titleTpl"...原创 2020-03-23 18:26:30 · 3990 阅读 · 1 评论 -
layui表格使用templet模板。
table.render({ elem: '#test', data: data, limit: 20, cols: [ [{...原创 2020-03-23 18:22:08 · 4490 阅读 · 0 评论 -
layui对单选框radio设置不可编辑使用attr("disabled")没有效果
颜色变成灰色。并且鼠标碰上去是红色的禁用图标<div class="layui-form-item"> <label class="layui-form-label wide"><i class="redstar">*</i>定时公布答案与奖品</label> ...原创 2020-03-13 16:45:02 · 9650 阅读 · 0 评论 -
layui自动触发选中指定的radio的事件。select选中某个内容
只有点击定时公布答案为是的时候才显示下面的答案公布时间。在编辑的时候如何根据接口传来的公布答案的值，自动的触发点击让下面的隐藏显示的事件比如接口出来的公布答案的值是：res.data.istiminganswer$(document).find("input:radio[name=issetstart][value=" + res.data.istiminganswer + "...原创 2020-03-10 11:22:04 · 3762 阅读 · 0 评论 -
layui的表格内容回填为什么没有起作用
<form action="" method="post" id="moreMsg" lay-filter="moreMsg"> <div class="layui-form-item"> <label class="layui-form-label"><i class="redstar required" st...原创 2019-07-12 14:42:17 · 458 阅读 · 0 评论 -
基于layui的步骤条
样式是这样的。代码可以参考这里https://download.youkuaiyun.com/my<div id="steps"></div>layui.config({ base: '/static/js/steps/', version: '01' ...原创 2019-07-12 20:38:02 · 8672 阅读 · 2 评论 -
layui里面img没有加边框却出现边框了。怎么去掉
<img class="layui-upload-img" id="img" >我发现这个标签上面没有加样式img[src=''],img:not([src='']){ opacity:0 }原创 2019-08-21 17:58:54 · 1688 阅读 · 0 评论 -
layui的lay-verify 验证使用自带的email phone时候不填不验证，填写了才验证
<input type="tel" name="contacttel" lay-verify="phone" placeholder="请输入联系电话" autocomplete="off" class="layui-input" >我我没用写required，因为这里希望有电话验证没有就不验证。但是这么写却在没有填写的时候提示请输入正确的手机号。可能是他觉得手机号是空...原创 2019-07-15 17:54:33 · 6560 阅读 · 0 评论 -
layui的日期和时间组件laydate闪屏
在操作的时候会闪现一下日期插件，然后就消失。最后找到了原因加一个trigger:'click'就好了<input type="text" name="lasttime" class="layui-input" placeholder="请选择到期时间" lay-reqText="到期时间不能为空" id="timePicker1" autocomplete="off" >l...原创 2019-06-29 17:49:37 · 427 阅读 · 0 评论 -
layer弹窗的iframe层怎么关闭。为什么设置的layer.iframeAuto(index)高度不能自适应
//在iframe页var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引。每个弹窗层都会分配一个索引。第一次点击的是1.第二次点击的是2.如果重复点击1，他不会是1而是继续往后面排的。parent.layer.close(index); //再执行关闭layer.iframeAuto(in...原创 2019-07-04 15:04:58 · 3957 阅读 · 0 评论 -
layui监听confirm的确定取消和点击右上角×删除
layer.confirm('确认删除所有选中的内容吗？',{ cancel: function(index, layero){ console.log("您点击了关闭"); } ...原创 2019-07-13 14:54:40 · 2624 阅读 · 0 评论 -
layui的layui-icon-loading为什么不动。
看文档给提交按钮加了一个加载中的loading 可是他竟然是静止的状态<button type="button" class="layui-btn subeditor" > <i class="layui-icon layui-icon-loading" ></i>提交</button>根本没有动啊。于是最后发...原创 2019-06-27 09:16:52 · 7385 阅读 · 1 评论 -
layui。登录失效转去登录页面出问题。导致只在主体内容地方变成了登录左边菜单还有。
这就是出现问题的效果啦。因为我们的左侧菜单是固定的所有的页面都有。主体的部分我们通过iframe来改变的src的地址。如果当前页面登录失效。应该在当前页面打开登录的页面。但是这个时候他就会在iframe的里面打开。，这样显然是错的啊。所以我们不能用location.href= "/login.html";而是window.top.location.href= "/...原创 2019-06-21 11:15:08 · 2555 阅读 · 1 评论 -
layui table从后台接口获取数据应该怎样实现分页搜索。以及增删改查
我的效果图是这样的。<!DOCTYPE html><html><head > <meta charset="utf-8"> <title>用户维护</title> <meta name="renderer" content="webkit"> <meta http-eq...原创 2019-06-20 16:10:19 · 9795 阅读 · 3 评论 -
layui的 的silder为什么拖拽不了啦
https://www.layui.com/doc/modules/slider.html#change官网silder的介绍情景是这样的。我新增时有个拖拽的滑块，编辑时能修改这个滑块。我就写了一个函数让他新增和编辑的时候都调用这个函数.但是好像编辑是好的，新增不好。最后我在新增和编辑里面都重新写了一遍渲染的。并且新增和编辑的slider的class写的不一样的名字。然后就好了。...原创 2019-06-20 15:45:09 · 2105 阅读 · 0 评论 -
layui在当前页面弹出一个iframe层，并改变这个iframe层里的一些内容或者是执行iframe页面的方法
弹出框事件 layer.open({ type: 2, title: data.dicname + '管理', content: "page/postedit",...原创 2019-07-06 17:01:38 · 5155 阅读 · 0 评论 -
layui的模板嵌套if
tradestatus=10的时候在判断paytype。如果paytype=30订单审核中。否则未支付所以我这里有两层判断。{{# if(d.tradestatus=='01'){ }} {{# if(d.paytype=='30'){ }} <div class="fl" sty...原创 2019-07-18 11:28:44 · 3813 阅读 · 0 评论 -
layui扩展一个layui 模块
test.jslayui.define(function(exports){ //提示：模块也可以依赖其它模块，如：layui.define('layer', function(exports){var $ = layui.$ ,layer = layui.layer 。。（剩下内容和下面一样的，这样这个里面就能用layer的弹窗了）});var obj = {hello: func...原创 2019-07-16 10:16:16 · 3653 阅读 · 0 评论 -
layui的内置方法。页面右下角固定块、倒计时、时间距离当前时间多久、数字前置补零
页面的右下角出现一个这样的图标。位置固定不随页面滚动。通常用在回到顶部或者是咨询信息。需要自己写点击之后的触发事件layui.use('util', function(){var util = layui.util;//执行util.fixbar({bar1: true,click: function(type){console.log(type);if(ty...原创 2019-07-28 17:25:51 · 1577 阅读 · 1 评论 -
layui 结束日期不能小于开始日期的设置
<form class="layui-form" action=""> <label>交易记录查询</label> <div class="layui-inline"><input class="layui-input" placeholder="请选择开始日期"...原创 2019-07-22 14:42:37 · 1545 阅读 · 0 评论 -
【转载】layui的下拉多选插件
这是官方介绍：https://hnzzmsf.github.io/example/example_v4.html原创 2019-07-29 14:24:32 · 336 阅读 · 0 评论 -
layui给radio添加checked属性不起作用。如何监听这个单选按钮的点击
<label class="layui-form-label" style="width:110px">抬头类型:</label> <div class="layui-input-block"> <input ty...原创 2019-07-12 14:48:28 · 3681 阅读 · 2 评论 -
layer弹窗第一次不居中。然后再点击就居中了。解决办法
百度过很多的方法。一一列下来方法一。把弹窗事件写在layer.ready里面 layer.ready(function() { var index = layer.load(2); layer.open({ t...原创 2019-07-23 16:59:45 · 2420 阅读 · 1 评论 -
layui得表格怎么使用合计
最后一行的合计希望是理由totalRow: true和totalRowText: '合计'来写其他的就省略啦，只写主要得。totalRow:true, cols: [ [{ type: 'numbers', ...原创 2019-07-16 16:18:48 · 4745 阅读 · 0 评论