
layui
程序媛zcx
这个作者很懒,什么都没留下…
展开
-
使用layui滑块slider遇到问题解决:1、加标尺2、兼容移动端拖拽1、多个滑块使用赋值4、切换箭头赋值问题
点击总控制单个滑块后,点击单个的上下箭头值不对,加上 inputValue = sliderTxt.children('.' + SLIDER_INPUT_TXT).children('input').val();3、设置滑块值,得到实例对象可以通过以下代码设置值,但是我动态创建的slider要怎么用变量接,难道定义多个变量吗,最后我是把渲染的滑块实例对象放到了数组中。4、我在点击总滑块时会给滑块123同时赋值改变,但是再点击某个分滑块的上下箭头时,滑块值不对,会根据上次的值修改。原创 2023-07-11 16:44:40 · 2344 阅读 · 2 评论 -
使用 layui 框架(版本 2.5.6),reload table 不刷新问题记录
最后我再需要更新的时候,在删除表格 再重新初始化了一下。但是这个问题出在哪我还是没找到,我也没有测试layui的新版本。使用 layui 框架 版本 2.5.6,直接赋值的方式创建表格带分页(自定义只显示条数)数组加一条时,分页的count 也得到了 2,但是表格就是不刷新。如果不使用分页 reload 就是可以的,正常拿到数据显示表格。遇到的问题:数据变化时 reload 表格无变化。现在是一条数据正常显示。...原创 2022-08-09 17:10:56 · 2851 阅读 · 0 评论 -
layui table 表格行双击事件在移动端不响应
看layui 的 table.js 源码 可知 双击绑定的是 dblclick,在移动端不响应,所以自己绑定双击事件。该事件为 layui 2.4.0 开始新增。原创 2022-08-05 15:29:34 · 1194 阅读 · 0 评论 -
layui.laydate 日历时间控件闪退问题
点击输入框内时,时间弹框正常弹出,但当鼠标点到输入框的上边框时,时间弹框闪退。trigger - 自定义弹出控件的事件类型:String,默认值:focus,如果绑定的元素非输入框,则默认事件为:click加上 trigger:'click' ,//采用click弹出 好了<input type="text" class="layui-input" id="test2" placeholder="HH:mm:ss" autocomplete="off" readonl...原创 2021-08-25 16:07:04 · 420 阅读 · 0 评论 -
layui 弹框里下拉框选项多时的双滚动条问题解决
如图为layui写的弹框,里面的下拉框选项多的时候会出现滚动条,外侧也会出现滚动条,而且下拉框选项显示不全:html:<form class="layui-form layui-form-pane" id="saveSceneModal" style="display: none;padding: 40px 0 0 40px;"> <div class="layui-form-item"> <label class="layui-f..原创 2021-03-03 18:06:59 · 2833 阅读 · 1 评论 -
layui 表格删除数据后不更新以及返回页码问题
<table lay-filter="tasktimer" id="tasktimer"></table><script type="text/html" id="barDemo2"> <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"></a></script> //方法级渲染 var tasktimer = t..原创 2021-01-22 18:03:25 · 1853 阅读 · 0 评论 -
layer弹层组件PC版介绍以及使用方法示例代码
1、layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验。PC版的layer弹层 官网地址:https://layer.layui.com/PC版的layer弹层 API地址:https://www.layui.com/doc/modules/layer.html前端UI框架layui 官网地址:https://www.layui.com/layer移动版弹层 官网地址:https://layer...原创 2020-12-29 11:21:06 · 910 阅读 · 0 评论 -
layer弹层组件移动版介绍以及使用方法示例代码
1、layer mobile是为移动设备(手机、平板等webkit内核浏览器/webview)量身定做的弹层UI。由于是采用原生 JavaScript编写,所有并不依赖任何第三方库。layer mobile完全独立于PC版的layer,您需要按照场景选择使用。和layer PC版不同的是,只提供一个核心调用方法,即:layer.open(options)官网地址:https://layer.layui.com/mobile/API地址:https://layer.layui.com/mob...原创 2020-12-29 10:12:41 · 4606 阅读 · 5 评论 -
layui 框架 弹框里表单、切换页面按回车键刷新页面解决
项目我用的是layui框架、页面切换用的是layui路由,碰到的问题:1、切换到页面按回车会再次刷新页面2、打开弹框里的表单,里面只有一个input 输入框的时候按回车会刷新页面尝试解决:1、去掉form标签或者在form 标签加 onsubmit="return false;" 可以阻止表单提交。结果:打开弹框,鼠标点到表单输入框,回车不刷新页面。但不点击按回车会一直加弹框层变黑,也无法解决切换到页面按回车刷新的问题2、禁止回车事件,这样的话我页面上有一些输入框需要回车触发cha.原创 2020-12-11 13:48:02 · 2186 阅读 · 0 评论 -
layui 实现表单、表格中复选框checkbox的全选功能
一、layui 实现表单中多选框的全选功能,代码如下:// 动态添加选项$("#InfoInCardCheck").append(`<label class="layui-form-label">请选择:</label> <input lay-skin="primary" type="checkbox" name="type" lay- filter="allInputUpdate" i.原创 2020-12-05 13:22:37 · 11055 阅读 · 0 评论