
web
cp1300
电子爱好者
展开
-
layui layer诡异bug记录
1.新版本的layui使用table,最后一列工具栏会出现闪烁,重绘,测试发现我19年就没有这个bug,这个bug是后期引入的,看了很多更新记录,说后面会解决这个bug,但是没看到解决的结果,直到layui停止维护都没解决,但是实际上早期是不存在此bug的,解决办法:<script src="~/Scripts/Library/layui/layui.js?ver=2.6.8"></script> <!-- 引入 layui.js --> <scrip原创 2022-04-23 08:40:11 · 5724 阅读 · 0 评论 -
layui table重载闪烁(fixed: ‘right‘ 导致闪烁)
当使用了固定右侧列的时候就会出现闪烁,原因是layui创建了2次右侧列,将其中一个隐藏了,但是在刷新的时候会瞬间显示,导致闪烁将右侧固定列隐藏了,但是刷新的瞬间会显示出来,导致闪烁;去掉隐藏属性就可以看到下面效果:最后测试发现layui2.3版本不会闪烁,用的新的2.6.8的会闪烁...原创 2022-04-03 08:36:20 · 3199 阅读 · 0 评论 -
高德地图marker屏蔽Label
前几年用的方法如下://显示label g_marker[SetIndex].setLabel({//label默认蓝框白底左上角显示,样式className为:amap-marker-label offset: new AMap.Pixel(20, -25),//修改label相对于maker的位置 content: "标签名称", direction: 'right' //设置文本标注方位 });//隐原创 2020-11-25 13:40:03 · 3410 阅读 · 2 评论 -
layui table翻页滚动条位置保持不变
最近使用了layui table但是发现了一系列问题,由于被封装过不好自己修改,比如翻页后滑动条每次都会复位,导致体验不好,通过调试,我发现layui table并没有给div加标签,我通过class定位表格div位置。可以看到 滚动条所在div class="layui-table-body layui-table-main"我在layui table定义了一个父div,防止多个table &...原创 2018-06-24 07:30:53 · 8350 阅读 · 2 评论 -
PNotify 弹出提示框
由于不是很熟悉js折腾了很久才实现PNotify弹出一个提示框,在此记录下。最简单的弹出消息框如下 //消息展示 //title:标题;text:提示内容;type:提示类型(颜色不一样)'success','warning','Error','Note','Primary','Dark' ...原创 2018-06-10 16:44:16 · 3027 阅读 · 1 评论 -
layui table去掉右侧滑动条
使用layui table后,table会自动有一个滑动条,使用时需要去掉,原理如下:定义一个tab的父div id,在这个id中寻找 class为 layui-table-main,layui-form的标签,将高度设置为100%即可。//在layui table加载完成后,重新设置表格高度为100%,不限制表格高度,不会在表格上出现垂直滚动条 function AutoTab...原创 2018-07-23 13:27:10 · 11828 阅读 · 1 评论 -
JS封装的一个Tree(树)控件,用于显示分组列表
由于需要显示分组列表,没有找到现成的,在网上找到一个漂亮的样式后进行了简单的封装,方便使用,效果如下:样式是网上找的开源的,只做了简单的JS封装,第一次这样做。// Dropdown Menu(function(){ var obj; var dropdown; var dropdownArray; var last_li; var select_li; var liA...原创 2018-08-18 11:10:58 · 1471 阅读 · 0 评论 -
js批量添加事件监听,用于处理tab标签选中的一个示例
之前每次网上找的好看的控件都不知道如何切换标签,因为通常提供的都是html,需要自己写js,无从下手,本次通过自己的理解学会了一个tab页面的激活与取消(简单的方法,以前的方法很笨拙),通过js遍历添加事件监听的方式,无论你有多少个tab页面都无需修改js了,自动适应。例子是使用了SUI的一个工具栏,提供了3个按钮,自己给了3个tab content与之一一对应,通过点击工具栏的按钮实现工具栏...原创 2018-08-29 08:19:18 · 2579 阅读 · 0 评论 -
layui table设置某一行的字体颜色
table自带的可以设置某一个单元格颜色,必须根据内容来修改,对于很多列同时修改并不方便,直接使用js操作比较简单。首先自定义一个div,内部存放table,根据class找到table,然后找到行tr,修改其样式中的颜色。 //设置layui datatable的某一行的颜色 //TabDivId:tab父div id;RowIndex:行序列号,从0开始;ColorStrin...原创 2018-12-07 08:50:42 · 7813 阅读 · 0 评论