LayUI

网站

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

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

//自定义事件
laydate.render({ 
  elem: '#test'
  ,trigger: 'click' //采用click弹出
});

1

2

3

4

5

//自定义事件

laydate.render({

elem: '#test'

,trigger: 'click' //采用click弹出

});

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

蓝洛水深

2022年5月13日

007560

网站

Layui数据表格中使用下拉选框被遮挡的解决方法，要在表格渲染中操作

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

id: 'resume',
        page: true,
        limit: 50,
        limits: [50, 100, 200, 500, 1000],
        done: function (res, curr, count) {
          $(".layui-table-body, .layui-table-box, .layui-table-cell").css('overflow','visible');
        }

1

2

3

4

5

6

7

id: 'resume',

page: true,

limit: 50,

limits: [50, 100, 200, 500, 1000],

done: function (res, curr, count) {

$(".layui-table-body, .layui-table-box, .layui-table-cell").css('overflow','visible');

}

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

蓝洛水深

2022年4月25日

032.1K0

网站

LayUI重置表单，清空表单内容的三种方法

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

蓝洛水深

2022年3月28日

0711.2K0

系统

jQuery动态操作Dom元素后，获取不到动态Dom元素的原因及解决办法

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

蓝洛水深

2022年3月16日

001.9K1

系统

Layui中页面怎么调用打印？我建议用JS原生直接打

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

蓝洛水深

2022年3月8日

013.3K0

网站

laydate怎么动态操作选择器控件类型

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

蓝洛水深

2022年3月4日

005730

网站

让layui表单input元素支持填写数学运算式并自动计算

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

蓝洛水深

2022年2月23日

031.1K0

网站

Layui中给表单元素数字补两位小数并运算的写法参考

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

蓝洛水深

2022年2月14日

008740

网站

layui中表单label字数超过5个字时自动换行的两种解决办法

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

蓝洛水深

2022年2月14日

012.8K0

网站

Layui中，让input输入框支持运算符表达式并自动计算，如“=1+1”计算并显示2

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

=106.32+894.24-520.10

1	=106.32+894.24-520.10

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

var financial_money_received = $("#financial_money_received").val();

1	var financial_money_received = $("#financial_money_received").val();

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

蓝洛水深

2022年1月21日

008770