前端Layui开发日常记录

2019独角兽企业重金招聘Python工程师标准>>>

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

前端Layui开发日常记录相关推荐

个人前端工程师开发工具记录
原文地址:https://www.zybuluo.com/yyman001/note/58799 个人前端工程师开发工具记录我们前端,每个人都有自己的开发工作环境,工具等,所以我写了这一篇文章,为自 ...
前端工程师开发工具记录
我们前端,每个人都有自己的开发工作环境,工具等,所以我写了这一篇文章,为自己方便把自己常用的前端工具记录下来,以便到时候在新的电脑上可以快速搭建自己熟悉的工作环境和使用自己熟悉的工具,同时可能也会对你 ...
html cdn不缓存,【前端开发日常 - 6】七牛CDN上的网页缓存问题及HTML禁止缓存（续）...
需求背景紧接着之前的内容[前端开发日常 - 5]七牛CDN上的网页缓存问题及HTML禁止缓存. 由于七牛CDN无法通过设置对单独的文件修改,而只能通过对 bucket 的统一设置修改 max-age ...
微信小程序开发学习记录（一）：直播功能
微信小程序直播是最近上线的一个新功能,用了将近一天半的时间实现了用直播API去创建直播间,中间踩了很多坑(有的到现在也不是很明白为啥这样就可以那样就不行),网上有关直播功能的参考文章也比较少,所以这 ...
Web前端设计开发规范
前言本文主要整理了Web前端设计开发的相关规范,主要由网络收集,希望对大家在Web设计和开发的过程中有一些帮组. 目录一.界面设计规范细则二.CSS编写和命名规范三.JavaScript编程规 ...
前端游戏开发和h5前端开发_人们不告诉您有关前端开发的10件事
前端游戏开发和h5前端开发介绍 (Intro) Front-end development involves the building of webpages and user interfaces ...
前端工程化开发方案app-proto
什么是前端工程化?根据具体的业务特点,将前端的开发流程.技术.工具.经验等规范化.标准化就是前端工程化.它的目的是让前端开发能够"自成体系",最大程度地提高前端工程师的开发效率,降 ...
android list嵌套list,Android开发日常-listVIiew嵌套webView回显阅读位置
详情页布局结构需求是回显webview展示网页的阅读位置方案1: 使用webview.getScrollY()获取滑动到的位置,用setScrollY()回显设置, 但是两个方法都出现了问题,ge ...
日常记录20210102
日常记录20210102 记录内容 1.部分src平台的使用感受 2.今天找edu审洞的莫言问了一下cnvd通用的事 3.挖洞记录.思路 4.日常搜索语法百度语法谷歌语法个人常用语法 5.lin ...

前端Layui开发日常记录

前端Layui开发日常记录相关推荐

最新文章

热门文章