![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js框架 - layUi
羽下佳人
爱好敲代码,敲代码
展开
-
layui项目搭建:href地址不变,仅切换页面部分内容
原理:1、a链接不走href进行跳转,属性target设置为网页地址2、通过click鼠标点击动态渲染div内容,自动引入iframe实现:1.首页搭建index.html<!DOCTYPE html><html><head><meta charset="utf-8">...原创 2020-04-28 09:12:05 · 4497 阅读 · 0 评论 -
layUI的iframe弹出层的父子页面数据交互
1.获取父页面的值给子页面var body = layer.getChildFrame('body', index); //获取子页面的body元素body.find('#id').val(data.id); //为子页面id为id的元素赋值2.在子页面关闭弹出层var index = parent.layer.getFrameIndex(window.n...原创 2019-07-04 09:12:44 · 2676 阅读 · 0 评论 -
layer iframe
1. iframe父子操作2.layer.open() + iframe + form: 回调操作3.layer.open + iframe + form: 数据传递4.<iframe> + form:数据反填, 表单反填数据失败1. iframe父子操作2.layer.open() + iframe +form: 回调操作3.layer.open + ifra...原创 2019-07-04 09:17:43 · 3203 阅读 · 0 评论 -
layui form buglist
1.layui动态生成input,不显示生成input后,form.render()、form.render("checkbox"); 重新渲染即可。2.layuicheckbox勾选,render只有第一次有效attr 改成prop;.prop('checked', true) //改变checkbox勾选状态3.layui select多选 :...原创 2019-07-04 09:19:57 · 350 阅读 · 0 评论 -
layui 搭建页面
实现需求:1.tab页切换2.详情:弹出弹层,仅展示内容,不能编辑3.更新:切换到案件录入数据填入,实现部分内容的编辑4.案件录入:点击实现新案件的创建项目目录:https://github.com/zjl9339/web/tree/layui一.首页搭建1.index.html<!DOCTYPE html><html><he...原创 2019-07-04 09:24:15 · 7260 阅读 · 1 评论 -
layui upload附件上传
1.layui upload动态生成js// 附件上传// elemId:上传button, elemFile:文件存放地址function fileUpload(elemId,elemFile){ var $ = layui.jquery, upload = layui.upload; var allFiles = ''; // 附件存放列表 var upl...原创 2019-07-16 14:29:50 · 6582 阅读 · 1 评论 -
layui 表格导出兼容IE,以及文件名自命名
1、兼容IE:layui table.js修改源代码(地址:https://github.com/sentsin/layui): lay/module/table.js修改:table.exportFile方法/** * 修复IE不能下载的问题,支持IE10以上,此处是额外增加的代码,数据读取沿用table组件原有代码,为了尽量不破坏原来的代码,故此处会显得有些冗余。 ...原创 2019-08-14 16:22:11 · 2334 阅读 · 3 评论