前端Layui开发日常记录

最新推荐文章于 2024-04-08 10:10:38 发布

weixin_33805992

最新推荐文章于 2024-04-08 10:10:38 发布

阅读量162

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端 python ViewUI

原文链接：https://my.oschina.net/zss1993/blog/1929025

1.layui表格过高就会出现横向滚动条解决办法

问题描述：当layui数据表格的数据过多，超出定义的高度，此时表格会出现纵向滚动条，当时由于纵向滚动条的出现，会出现横向滚动条

解决办法：在表格记载数据完成时的回调方法中编写控制横向样式的代码

done:function(res,page,count){
   //防止出现横向滚动条
   $(".layui-table-box").css("width","101%");
}

2.去除layui表格鼠标经过行背景色变化

问题描述：layui表格鼠标经过行背景颜色会变，有时候我们并不需要该效果

解决办法：在layui表格使员工页面上写入以下css样式即可

3.Layui中使用ajax提交丢失响应数据

问题描述：在Layui的提交事件中使用ajax异步提交数据会丢失服务器返回响应数据，使用postman测试接口完全正常，则证明是前端问题

解决办法：因为layui的form提交事件是同步方法，我们在其中使用了异步提交，会导致后续响应数据不能正常接受，只需要在layui from的提交事件中加上return false即可

4.改写layer的prompt增加多个元素

这样的实现结果如下：

注意$(".layui-layer-content").html("");这个是干掉了原来的输入框，因为默认的不能使用placeholder

但是这样会有一个问题，上面我们去掉了默认的输入，所有value永远都是空，会导致点击确定没有反应,不能向下执行，我们查看源码发现layer的prompt是基于open实现的，于是改造如下：

再次运行结果如下，可以正常点击确定执行自己的逻辑了：

转载于:https://my.oschina.net/zss1993/blog/1929025