LayUI

  • Layui在手机访问时,怎么阻止laydate弹出键盘,只允许点击操作

    手机端在访问layui页面时,如果有laydate,点击后会弹出键盘,对于屏幕小一点的手机来说,非常不友好。 所以,我们要做的就是,阻止手机键盘的弹出。 实现方法 采用click弹出 laydate调整为click弹出,如下:

    input只读 在input所在行,增加一个属性,使input元素只…

    2022年5月13日
    0720
  • Layui数据表格中使用下拉选框被遮挡的解决方法,要在表格渲染中操作

    CSDN中,搜索到很多方法,无非就是加样式,可是加了样式,生效了,却没有完全生效。 没有加样式之前,完全遮挡,加了样式,遮挡一部分,实际上还是没有解决问题。 其实,要解决这个问题,很容易。 在table中,加入如下代码。

    done之后,对样式重新定义,这样才能正确显示样式。 网上说的方法没错,错就…

    2022年4月25日
    0140
  • LayUI重置表单,清空表单内容的三种方法

    我们在进行表单提交后,有时需要清空表单内容,这时我们可以通过如下三种方法进行。 一、刷新当前页面 这个相对来说最简单,在相应的逻辑后加上: 完成当前页面的刷新即可。 二、form的reset 此项操作要求我们的表单必须是form的dom,div的则不行,无法触发。 代码参考如下: 1、html 2、js 通过ID查找并reset表单即可。 三、form的对象…

    2022年3月28日
    08520
  • jQuery动态操作Dom元素后,获取不到动态Dom元素的原因及解决办法

    其实原因很简单,动态操作Dom元素后,原有的DOM树是没有这个元素的,所以只能进行对应的操作。 jQuery手册也提供了动态绑定的方法。 注册事件 jQuery1.7之后,jQuery用on统一了所有事件的处理方法。 简单事件 大多数时候,就是因为我们使用的是简单事件,所以无法进行动态操作。 注册事件委托 举个实际例子,我动态创建Dom元素后,点击后实现删除…

    2022年3月16日
    0811
  • Layui中页面怎么调用打印?我建议用JS原生直接打

    大家都是Layui在Laydate中是调用了打印的,但是页面中却没有相关的调用,如果我们需要打印怎么办呢? 网上给了很多方法,通过实践,我发现简单快捷的还是JS原生打印。 一、定义打印区域 这是我准备打印的代码: 上方的代码中 通过这样设置来限制打印区域 二、调用打印 在JS代码中定义如上代码即可console.log($(“li:last&#8…

    2022年3月8日
    05010
  • laydate怎么动态操作选择器控件类型

    网上有类似使用config方法来操作属性,但是我在官方文档没有找到这个方法,故而也没有尝试,也不确定是否正确,这里只分享我的方法。 我们以一段简单的代码为例: 从上方的代码不难看出,我们的需求是,下拉选框改变,并且选择到“年假”之后,执行laydate的类型变更。 方法很简单,我们在这里定义laydate即可,调整后代码如下: 定义一个laydate的参数对…

    2022年3月4日
    01040
  • 让layui表单input元素支持填写数学运算式并自动计算

    开发系统过程中,财务对表单input元素提出了自己的需求,要求支持Excel形式的数学计算式,如: =1024.01+528+9603.54 输入上方的运算式后,我们的input元素输出结果效果如下所示。 提交后的数据,在数据表格页面的效果如下: 实际效果还不错,也得到了财务同事的认可,这里分享出来。 实现方法 实现的方式很简单,只要弄懂逻辑之后,会觉得非常…

    2022年2月23日
    01770
  • Layui中给表单元素数字补两位小数并运算的写法参考

    首先给需要使用到批量运算的表单元素加上一个统一的class类,我们的计划是,当表单元素发生变化时进行补零及运算,如输入20,则补全为20.00,并结合公式进行运算。 代码如下: $(‘.income’).change(function(),定义class为income的dom元素,发生change是,执行函数。 formData = …

    2022年2月14日
    01240
  • layui中表单label字数超过5个字时 自动换行的两种解决办法

    在layui表单中,label超过5个字会自动换行,如下图所示: 解决的办法有两种: 1、取消换行 2、增加padding 大小按实际情况设置。 效果 以上,即可修复这个问题。

    2022年2月14日
    04190
  • Layui中,让input输入框支持运算符表达式并自动计算,如“=1+1”计算并显示2

    因为财务的需求,让表单中的input元素支持运算符,例如,在输入框中输入:

    输入完毕后,自动计算结果,并显示在这个输入框中。 实现方法很简单,按如下操作进行即可。 获取计算式

    现在得到了=106.32+894.24-520.10。 去…

    2022年1月21日
    03950