Layui
扫地鼠Gordon
幽己一默胜笑人三声
展开
-
requireJs学习04模块扩展
模块扩展(三种方式):方式一:模块二直接调用传入的模块一的方法;方式二:模块二自身的方法;方式三:在模块二中挂载一个方法到模块一上<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>04模块扩展</title>原创 2021-01-25 13:53:50 · 102 阅读 · 0 评论 -
Layui基础元素
导航 水平导航 .layui-nav 导航开始 .layui-nav-item 菜单项 .layui-this 表示当前被选中的菜单项 .layui-nav-child 二级菜单 垂直导航 .layui-nav-tree 侧边导航 .layui-nav-t...原创 2021-01-21 11:41:58 · 825 阅读 · 0 评论 -
Layui基本元素按钮
1.用法向任意HTML元素设定class="layui-btn",建立一个基础按钮。通过追加格式为layui-btn-(type)的class来定义其他按钮风格<!-- 基础按钮 --><button type="button" class="layui-btn">一个标准的按钮</button><a href="http://www.layui.com" class="layui-btn">一个可跳转的按钮</a><div原创 2021-01-21 08:57:14 · 760 阅读 · 0 评论 -
Layui布局容器和栅格系统
布局容器1.固定宽度(两侧有留白效果)<div class="layui-container"> <div class="layui-row"> 固定宽度…… </div></div> 2.完整宽度(占据屏幕宽度的100%)<div class="layui-fluid"> 完整宽度……</div> 栅格系统<!-- 栅格系统 1、原创 2021-01-20 17:58:43 · 1711 阅读 · 0 评论 -
TP模板--layui复选框及提交等相关功能
后端使用column方法读取出来,assign到页面 $this->assign('cause_list', $this->model->group('cause')->where('cause<>""')->column(cause'));页面端使用volist遍历出来html部分<div class="layui-form-item"> <div class="layui-inline"> &l原创 2020-11-06 15:54:52 · 403 阅读 · 0 评论 -
Layui菜单默认只展开一个之lay-shrink=“all“
使用场景:左侧菜单栏过多,如果都展开的话,不便于操作选择。展开子菜单时,是否收缩兄弟节点已展开的子菜单 (注:layui 2.2.6 开始新增)如:<ul class="layui-nav layui-nav-tree" lay-shrink="all"> … </ul>属性名 可选值 说明 lay-shrink 空值(默认) 不收缩兄弟菜单子菜单 all 收缩全部兄弟菜单子菜单 展开子菜单时,.原创 2020-09-02 17:58:59 · 2155 阅读 · 0 评论 -
layui表单元素(全部)复选框赋值实现
个人浅解:表单元素的值,大多数是一一对应的,即一个name对应一个value。但我们数据库所存的vaule,可能和前端默认的不一致,如复选框,前端提交(不处理的情况下)默认是on,而我们数据库可能存的是1,或true。前端处理:复选框// 自动渲染表单 $(function(){ $.post(url,{}, function (res) { var init_name =Object.keys(res.data);原创 2020-08-20 22:39:32 · 2093 阅读 · 0 评论 -
layui.table单元格编辑增加textarea输入
需求:由于表格编辑不能换行,传到后台的数据是一行数据,故需将编辑的input框改为可选的textarea首先写样式注:CSS 可根据自己的需求改<style>textarea.layui-textarea.layui-table-edit {min-width: 500px;min-height: 300px;z-index: 2;}</style>...原创 2020-04-28 19:18:07 · 4469 阅读 · 4 评论 -
layer的提示图标icon和动画anim数字的含义
官方文档是:信息框默认不显示图标。当你想显示图标时,默认皮肤可以传入0-6如果是加载层,可以传入0-2。layer icon对应图标信息框(msg、alert、open、confirm)-1:不显示图标0:感叹号1:正确2:错误3:问号4:密码5:难过6:微笑16:加载样式不是以上的数字,为0的图标,也就是感叹号图标加载层(load)0-2,...原创 2020-03-05 14:37:46 · 2551 阅读 · 0 评论 -
layui学习之数据表格事件、删除、更新数据
删除行:obj.del();更新数据:obj.update({属性:更改后的值}); //监听工具条 table.on('tool(test)', function(obj){ //注:tool 是工具条事件名,test 是 table 原始容器的属性 lay-filter="对应的值" var data = obj.data; //获得当前行数据 ...转载 2020-01-09 15:28:50 · 3890 阅读 · 0 评论 -
Layui的数据表格排序:浅谈
点击表头排序时触发,它通用在基础参数中设置 autoSort: false 时使用,以完成服务端的排序,而不是默认的前端排序。该事件的回调函数返回一个 object 参数,携带的成员如下://禁用前端自动排序,以便由服务端直接返回排序好的数据table.render({ elem: '#id' ,autoSort: false //禁用前端自动排序。注意:该参数为 layui 2....原创 2019-02-25 14:04:33 · 6628 阅读 · 0 评论 -
layui菜单列表_PHP后端authtree 无限级权限控制树
感谢layui社区,及无限极权限控制树的作者。首先下载authtree.js,为了你能正确使用该模块,建议放在extends文件夹下(没有就创建一个),该文件夹与layui同级,为了方便你的使用,第三方组件都可放在里面配置该组件layui.config({ base: '域名/extends/',}).extend({ authtree: 'authtree',}...原创 2018-10-22 16:51:50 · 3484 阅读 · 2 评论 -
layui之数据表格(table)合计时,小数点后面会有很多小数问题及解决思路
感谢贤心大佬的layui框架直接上代码var e = t.totalRowText || "";if (isNaN(a[n]) == false && parseInt(a[n]) != a[n]) {// 新增 a[n] = parseFloat(a[n]).toFixed(2);// 新增}// 新增return t.totalRow ? a[n] ||...转载 2018-10-09 16:46:26 · 13243 阅读 · 1 评论 -
Layui form 表单验证lay-verify
layui 表单1.表单自带校验lay-verify:是表单验证的关键字 有以下值供选择:required (必填项)phone(手机号)email(邮箱)url(网址)number(数字)date(日期)identity(身份证)自定义值同时支持多条规则的验证: 格式:lay-verify=”验证A|验证B” 如:lay-verify=”required|phon...转载 2018-10-14 11:56:24 · 73322 阅读 · 2 评论