今天是我工作的第3个礼拜,也已经过去了三天,在使用layui框架的过程中遇到了很多问题,记下来以便回顾。
1.select下拉框过长使用滚动条
这个比较简单,在dl加一句css样式即可:max-height:200px;
2.在table中实现当内容过长显示不出来,鼠标移动上去用title代替展示框来显示全部内容
这个用到了table的templet属性,也就是模板,我最开始想的是用最简单的一种,直接用templet加个标签,但是是不行的,因为本身没有用到Vue或者React框架,无法动态绑定这一列的table值,所以只能用到function搞一个函数,在我苦苦找寻如何获取到当前列数据的方法时,官方文档给的function(d)已经给出了答案,d可以返回表格所有数据,然后按需取就可以了,加个title完美。
至于怎么把鼠标移上去取消展示按钮的问题,我也是想让另一个事件覆盖掉本身这个事件,也看了layui.js的源码,云里雾里,太多了,明白他是怎么实现的,但是不能全删掉对吧,因为只想实现部分table列的title,所以最后选择了直接css的display:none;
3.子页面的高度随着内容变化而变化
这个问题我想了一天也没想明白,我在想这怎么能变呢,我只能第一次进去的时候让他自适应,但是我后面点击按钮然后加内容的时候他就会出现滚动条啊!在网上搜索答案,未果。第二天,我一不小心,真的是不小心,在点击按钮事件的最后加了一句layer.iframeAuto();绝了,一句话搞定的问题,我竟然没想到让他每点击一次适应一次。
陆续更新中。。。