- 博客(17)
- 收藏
- 关注
RSS订阅原创 element表格动态合并多列
效果图：html部分：重点在:span-method="objectSpanMethod"属性js部分：for循环中的data为表格要渲染的数据，合并的数据需要后端排好顺序（不然合并个啥。。）第一步先处理渲染的数据，算出需要跨的列数：第二步：合并，看到这里，应该和官方的示例比较像了。代码注释应该写的比较详细了，自己copy,改下字段名，改下所在列数应该就可以合并了。还不懂原理的话，可以多打印些信息进行分析。重点在于js代码第一步，处理数据那里。......
2022-06-09 17:15:46
1384
1
原创 动态渲染日期laydate类型
需求，根据用户选项，日期控件自动更改渲染类型。按月时，日期格式：年yyyy，按日时，日期格式：年月yyyy-MM类型有更改时，需要将之前的事件解绑再重新渲染：$('#busi_date')[0].eventHandler = false// 切换单选按钮事件form.on('radio(IndicatorType)', function (data) { // 重新渲染日期 if (data.value == "1") { renderDate(cur..
2022-04-08 12:06:55
1345
原创 一次跨域的坑Faild to load response data: No resourse with given identifier found
Faild to load response data: No resourse with given identifier found
2022-03-17 10:23:14
23305
1
原创 layui单选按钮选中后取消
背景：多个选项中只能选一个，且可以取消选中。第二张图为取消后，鼠标悬浮效果，移开就没有蓝色样式了。html代码：<input type="radio" name="isHibition" lay-filter="isHibition" lay-skin="primary" checked="">直接将下面的代码复制就好了，注意isHibition为我的单选组名，根据需要改成自己起的名字。form.on('radio(isHibition)', function..
2022-03-04 10:48:04
2837
3
原创 记一次laytpl语法踩坑
这种小问题真的是头疼，语法咋写的，我也找不到官方资料了，自行百度吧。下面是实现效果图需求挺简单，就是在表格中根据后端返回的数据，进行回显勾选。先上代码：cols: [[ ...... { toolbar: "<div><input type='checkbox' name='isHibition' lay-filter='isHibition' ltd='{{d.MenuWebGUID}}' ptd='{{d.PID}}' id='chi.
2022-03-02 15:44:10
593
原创 html2canvas导出PDF背景为黑色与textarea多行问题
jspdf +html2canvas纯前端将网页导出pdf文件内容参见我另外一篇文章。首先说下背景为黑色的问题，1.将导出的html元素的背景设置为白色background-color: white;2.html2canvas函数绘制时传入参数background: "#FFF", html2canvas($("#" + id), { allowTaint: false, scsle: 2, ..
2022-02-08 14:33:52
3303
4
原创 DOC2CHM的使用及解决中文乱码以及图片模糊处理
DOC2CHM的使用及解决中文乱码解决方案：在DOC2CHM中，将生成好的文件点击编辑，然后将代码复制到vscode
2021-12-01 17:12:52
1222
原创 纯前端将网页导出pdf文件
使用插件：jspdf +html2canvas，html2canvas将节点绘制成图片，然后jspdf再导出。优点：可以指定导出DOM，配置贼简单（其实浏览器右键-->打印-->另存为pdf文件也挺方便哒，但是很多人不知道呀）。引入js文件（快夸我，别人都是让你们自己去网上找，给的本地文件引用地址）： <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.min.js"&...
2021-11-29 11:25:00
2830
11
原创 layui tree树组件添加图标
先上效果图：layui版本2.6.5，使用layui自带的树组件。首先，打开layui.js。搜索i class="layui-icon layui-icon-file"改为i class="'+ (r.icon || "layui-icon layui-icon-file") + '"再然后，渲染树组件一定要开启手风琴模式accordion：true或者开启连线showLine：true。showLine如果为false会导致渲染不出来图标。最后，修改自己的渲染数据，给配置ico...
2021-09-13 10:49:55
2976
原创 layui表格自适应宽度出现横向滚动条
上bug图：横向出现了滚动条，逼死强迫症了。控制台打开，审查元素，发现多了一列：官方给出的解决方案：https://fly.layui.com/jie/18737/我的代码就是因为表格高度给高了几个像素导致页面出现了滚动条(不信你回去看第一张图~)，调整表格高度就好了。如果你们的问题还没有解决，可以看看是不是自定义的宽度导致的，参考文章：https://blog.csdn.net/dreamer0823/article/details/105689228/...
2021-09-06 17:57:02
11707
1
原创 基于layui实现月份选择控件
先上效果图：先上html代码： <div > <div >月份</div> <div > <input type="text" class="layui-input" id="month_date" readonly/> </div></div>然后是js渲染部分，重点在于type:'month'和format:"M"两个参数，这样选择的月份...
2021-08-06 14:45:34
3063
原创 数字输入框input＜ type=“number“ /＞隐藏后面的按钮
输入框想隐藏它，只需要在css中加入：input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none;}input[type="number"] { -moz-appearance: textfield;}
2021-08-05 17:21:38
3488
原创 layui表格有数据却渲染不出来，一直转圈加载中
还是先上图，页面一直卡着，数据加载不出来，连表头都没有渲染出来。首选我要说的是，我的所有字段都是正确的。表头字段与数据源不一致的情况，数据出不来，起码表格行数还在。我这是整个表格都没出来，字段名拼写错误的同学可以出门右转了。控制台显示的卡住页面的节点信息，layui-table-init：<div class="layui-table-init" style="background-color: #fff;"> <i class="layui-icon lay..
2021-08-04 18:39:11
7178
2
原创 layui点击行时选中或取消自定义的复选框
先上效果图：点击行的时候，会改变复选框的选中状态。注意不要使用trigger的click事件，会导致死循环。 $("tr").on("click", function (event) { let ck = $(this).find(".layui-form-checkbox"); if (ck.hasClass("layui-form
2021-08-04 18:15:23
970
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人