![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
layui
旋宝宝要开心
这个作者很懒,什么都没留下…
展开
-
xm-select树结构选中父级时将所有子级也选中
xmselct选中父级默认也选中所有子级,且在选择回显框内显示父级原创 2022-04-19 15:46:14 · 2339 阅读 · 4 评论 -
动态渲染日期laydate类型
需求,根据用户选项,日期控件自动更改渲染类型。按月时,日期格式:年yyyy,按日时,日期格式:年月yyyy-MM类型有更改时,需要将之前的事件解绑再重新渲染:$('#busi_date')[0].eventHandler = false// 切换单选按钮事件form.on('radio(IndicatorType)', function (data) { // 重新渲染日期 if (data.value == "1") { renderDate(cur..原创 2022-04-08 12:06:55 · 1379 阅读 · 0 评论 -
layui单选框通过js控制选择
通过js控制layui单选按钮,原创 2022-04-08 11:50:12 · 1620 阅读 · 0 评论 -
layui单选按钮选中后取消
背景:多个选项中只能选一个,且可以取消选中。第二张图为取消后,鼠标悬浮效果,移开就没有蓝色样式了。html代码:<input type="radio" name="isHibition" lay-filter="isHibition" lay-skin="primary" checked="">直接将下面的代码复制就好了,注意isHibition为我的单选组名,根据需要改成自己起的名字。form.on('radio(isHibition)', function..原创 2022-03-04 10:48:04 · 2965 阅读 · 3 评论 -
记一次laytpl语法踩坑
这种小问题真的是头疼,语法咋写的,我也找不到官方资料了,自行百度吧。下面是实现效果图需求挺简单,就是在表格中根据后端返回的数据,进行回显勾选。先上代码:cols: [[ ...... { toolbar: "<div><input type='checkbox' name='isHibition' lay-filter='isHibition' ltd='{{d.MenuWebGUID}}' ptd='{{d.PID}}' id='chi.原创 2022-03-02 15:44:10 · 621 阅读 · 0 评论 -
layui tree树组件添加图标
先上效果图:layui版本2.6.5,使用layui自带的树组件。首先,打开layui.js。搜索i class="layui-icon layui-icon-file"改为i class="'+ (r.icon || "layui-icon layui-icon-file") + '"再然后,渲染树组件一定要开启手风琴模式accordion:true或者开启连线showLine:true。showLine如果为false会导致渲染不出来图标。最后,修改自己的渲染数据,给配置ico...原创 2021-09-13 10:49:55 · 3232 阅读 · 0 评论 -
layui表格自适应宽度出现横向滚动条
上bug图:横向出现了滚动条,逼死强迫症了。控制台打开,审查元素,发现多了一列:官方给出的解决方案:https://fly.layui.com/jie/18737/我的代码就是因为表格高度给高了几个像素导致页面出现了滚动条(不信你回去看第一张图~),调整表格高度就好了。如果你们的问题还没有解决,可以看看是不是自定义的宽度导致的,参考文章:https://blog.csdn.net/dreamer0823/article/details/105689228/...原创 2021-09-06 17:57:02 · 11909 阅读 · 1 评论 -
基于layui实现月份选择控件
先上效果图:先上html代码: <div > <div >月份</div> <div > <input type="text" class="layui-input" id="month_date" readonly/> </div></div>然后是js渲染部分,重点在于type:'month'和format:"M"两个参数,这样选择的月份...原创 2021-08-06 14:45:34 · 3132 阅读 · 0 评论 -
layui表格有数据却渲染不出来,一直转圈加载中
还是先上图,页面一直卡着,数据加载不出来,连表头都没有渲染出来。首选我要说的是,我的所有字段都是正确的。表头字段与数据源不一致的情况,数据出不来,起码表格行数还在。我这是整个表格都没出来,字段名拼写错误的同学可以出门右转了。控制台显示的卡住页面的节点信息,layui-table-init:<div class="layui-table-init" style="background-color: #fff;"> <i class="layui-icon lay..原创 2021-08-04 18:39:11 · 7408 阅读 · 2 评论 -
layui点击行时选中或取消自定义的复选框
先上效果图:点击行的时候,会改变复选框的选中状态。注意不要使用trigger的click事件,会导致死循环。 $("tr").on("click", function (event) { let ck = $(this).find(".layui-form-checkbox"); if (ck.hasClass("layui-form原创 2021-08-04 18:15:23 · 988 阅读 · 0 评论