layui
关注
分享
扫一扫
宗乐平
这个作者很懒，什么都没留下…
展开
-
Layui(十九) 给 a标签添加点击事件
目的：LayuiAdmin中为 a标签添加点击事件，如何实现？结果：步骤1：给 a标签条件事件方法layadmin-event="print_something"<a href="javascript:" layadmin-event="print_something"></a>步骤2：在admin.js 文件中自定义方法 //事件 var events = admin.events = { // 自定义备份数据库方法 ,print_s..原创 2020-07-30 16:32:38 · 9896 阅读 · 0 评论 -
Layui(十八) Layui 自定义两个数据对象是否有相等元素，有则剔除
目的： 把原本arr1 中含有arr2 的数据对象剔除过程：//剔除未联动点中的已联动点 function cleanData(arr1, arr2) { console.log("原始数据", arr1, arr2); for (let i = 0; i < arr1.length; i++)...原创 2020-04-22 10:18:13 · 671 阅读 · 0 评论 -
Layui(十七) Layui layer 如何在页面打印 字典嵌套列表数据对象
目的： 1、后台返回的数据：{'InLink': ['请选择对象']}过程： 1、前端使用json ，将对象转为字符串layer.msg(JSON.stringify(res.data), {icon: 5, time: 1500})...原创 2020-04-15 15:18:41 · 916 阅读 · 0 评论 -
Layui(十六) Layui Form 提交错误会显示两遍提交信息
目的： 1、Layui form 表单提交错误参数后会显示两遍错误提示（一遍是系统错误提示，一遍是自定义提示消息）过程： 解决方法： ①、将 【表单】 提交方法改成 【按钮】 提交 原方法：form.on('submit(demo1)', function(data){ // 自定义逻辑 ...原创 2020-04-15 15:14:55 · 632 阅读 · 0 评论 -
Layui(十五) Layui xm-select动态数据设置默认值
目的： 1、设置下拉菜单数据有默认值过程： 2、JS代码//先写好生成xm-select 下拉菜单，xm-select 中有例子 //设置部门默认值 r.DeptID是我父页面传给子页面的字典形式数据，一定是数字dept.update({ initValue: [r.DeptID], });...原创 2020-03-29 21:08:53 · 11616 阅读 · 7 评论 -
Layui(十四) Layui 密码框设置明文/密文
目的：过程： 1、CSS代码<style type="text/css"> #img { width: 25px; height: 15px; position: absolute; right: 5px; margin-top: 12px; top...原创 2020-03-28 00:48:49 · 10153 阅读 · 0 评论 -
Tornado+Layui（十一）Tornado+Layui 前后端分离 前端上传图片+返回图片地址
目的： Tornado 返回图片地址过程： 1、Layui前端上传图片JS //普通图片上传 upload.render({ elem: '#test1' , url: 'http://xx.xx.xx.xx:xxx/api/images' // 上传地址 ...原创 2020-03-25 21:54:52 · 739 阅读 · 0 评论 -
Tornado+Layui（十）Tornado+Layui 前后端分离 登录保存用户名和token
目的： 前端保存token和用户名过程： 1、前端登录JS代码// 请求成功后，写入 access_token layui.sessionData(setter.tableName, { key: "data" , ...原创 2020-03-19 11:54:09 · 1568 阅读 · 0 评论 -
Tornado+Layui（九）Tornado+Layui 前后端分离 头像上传
目的：添加人员信息和头像同时上传过程： 1、Layui头像界面<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Layui</title> <meta name="renderer" content="webki...原创 2020-03-18 21:50:13 · 1069 阅读 · 0 评论 -
Layui(十三) Layui treeTable的表格嵌套树形数据+时间控件与layer控件互斥
目的：原创 2020-03-13 11:39:17 · 1800 阅读 · 0 评论 -
Tornado+Layui（八）Tornado+Layui+WebSocket 前后端分离
目的： 实现Tornado主动推送数据到前端过程： 1、Layui中Websocket的 js代码 //此时的table只是为了渲染表格 table.render({ elem: '#current_time_msg' // table标签的ID , data: [] ...原创 2020-03-11 19:37:12 · 1286 阅读 · 0 评论 -
Layui(十二) Layui Laydate时间范围+时间限制添加时分秒
目的： 1、修改前：Laydate done方法默认返回 格式为： {year: 2020, month: 3, date: 6, hours: 0, minutes: 0, seconds: 0} 2、修改前：Laydate done方法默认返回 格式为： ...原创 2020-03-06 13:52:47 · 3522 阅读 · 2 评论 -
Layui(十一) Layui Tree点击组件则加载相关数据
目的： 思路：①、界面打开则加载Tree数据 和 Table 数据 ②、用户点击某个节点则加载该节点的所有数据、过程： 1、先加载table数据 // 显示右侧表格数据 var tableIns = table.render({ elem: '#test' ...原创 2020-03-04 15:25:55 · 3495 阅读 · 0 评论 -
Layui(十) JS将List转Tree
目的： 1、前端输出树形数据[ { "id":1, "title":"防辐射技术有限公司", "spread":true, "children":[ { "id":2, "title":"财务部", ...原创 2020-03-03 16:50:03 · 470 阅读 · 0 评论 -
Layui(九) Layui 自定义登录界面提示
目的：将 格式Erro:xxxxx,Url:xxxxx； 改为自定义的提示信息过程： 1、更改config.js中的debug ps:将debug:true 改为debug:false // , debug: true //是否开启调试模式。如开启，接口异常时会抛出异常 URL 等信息 , debug: false //是否...原创 2020-02-28 21:48:57 · 1798 阅读 · 0 评论 -
Layui(八) Layui 除了Login外的界面使用admin.req 方法
目的：所有界面想使用admin.req方法过程：在引入模块文件时，加上index admin可以不用导入，直接实例化即可使用 ps:done方法下的return false 是为了防止界面刷新...原创 2020-02-28 16:19:47 · 14362 阅读 · 4 评论 -
Layui(七) Layui Tab页面和iframe页面嵌套
目的：在Tab页面展示iframe页面宽高不能自适应，让iframe 页面打开即最大化过程： 注：在调用iframe页面处，新增个success方法，调用 layer.full(index) 即可在iframe窗口打开时自动最大化显示！...原创 2020-02-18 09:07:14 · 6967 阅读 · 0 评论 -
Layui(六) 自定义——页面过期时间和token过期检测
目的：页面一段时间未操作，跳转到登录页面 若页面token为空时，跳转到登录页面过程：其他页面的js引用：//这个文件是必要的<script src="../layui/layui.js" charset="utf-8"></script>// 引入jquery是为了在自定义js文件中能使用 $<script src="../layui/jqu...原创 2020-01-14 10:30:41 · 3225 阅读 · 0 评论 -
Layui(五) 表单赋值
一、目的：选中表格行数据——>弹出iframe层——>显示该员详细信息（包含表格信息）①、表格数据：②、iframe层数据：（部门数据正确是因为已经改好了赋值方法，X组数据是错误的，因为职位在表格中并未显示，所以外界不知道是否错误。）二、问题：表单赋值可以更改输入框数据，但是不能更改动态生成的下拉菜单数据三、过程：①、主页面JS： else...原创 2020-01-03 11:48:42 · 8929 阅读 · 2 评论 -
Layui(四) 表格嵌套下拉列表框
由于我又想着偷懒，结果试了很多方法不得行，最后写了一个很LOW的版本，权当学习吧。（能用就行，管那么多干嘛，略略略。。。有大佬知道更好的方法，可以给我留言，相互学习嘛！）目的：过程：HTML:// form 表单不一定非要 form 标签，只要标签中含有 layui-form就可以<div class="layui-form" lay-filter="layuiad...原创 2019-12-27 17:19:07 · 6432 阅读 · 0 评论 -
Layui(三) iframe层（弹窗）input就有主窗体的传值
目的：主页面选中表格行数，iframe 的 input框打开时就有选中的表格行数值 （卡数量为1，表示 主页面只勾选了一行）过程：主页面代码：HTML:// 构造一个按钮触发事件<button class="layui-btn layuiadmin-btn-list" data-type="bi" style="float:right">批量发...原创 2019-12-27 11:56:07 · 631 阅读 · 0 评论 -
Layui(二) 主窗体和iframe层（弹窗）相互传值
为了简练和减少编写时间，直接上代码（好吧，我承认我想偷懒了）目的：点击文本域则弹出一个iframe层，并将选中的值回传到文本域主页面代码：定义一个文本域；data-type——绑定事件 （备注：事件名随便定义，但必须和JS中的事件名一致） <textarea placeholder="请输入内容" class="layui-textarea" id="permi...原创 2019-12-10 16:38:59 · 2605 阅读 · 0 评论 -
Layui(一) 表格嵌套时间、下拉菜单、徽章
注：① 第六点附上部分代码，请自行添加css和js以及模块加载脚本，自行动手会理解的更好，同时为自己做个使用记录！ ② 特殊字段没有写<script>,因为和普通字段是一样的，就当是练习题咯。 ③ 由于本人不太熟练JS，因此只能用笨方法写script渲染，下拉菜单只要在判断正确时，标签中添加 selected 即是默认选中状态还不会更改下拉菜单的顺序，...原创 2019-12-09 16:26:46 · 1615 阅读 · 0 评论