LayUI
LayUI相关
iChangebaobao
菜鸟的前端进击之路
展开
-
[layui]弹框使用模板-layer.open()
var index=layer.open({ type: 2, //可传入的值有:Layer提供了5种层类型。可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层) title: ['添加产品', 'font-size:18px; color: #009688;font-size:20px;'],//数组第二项可以写任意css样式;如果你不想显...原创 2019-10-08 16:25:13 · 1128 阅读 · 0 评论 -
[layui]日期Date控件,开始时间为当前时间结束时间必须大于开始时间
html <div class=" layui-form-item"> <label class="layui-form-label">开始时间<span style="color: red"> *</span> </label> <div class="layui-input-block"> ...原创 2019-09-27 09:31:57 · 2063 阅读 · 0 评论 -
[layui]缓冲load的使用
var load = layer.load(0, { shade: [0.5, '#000']}); //0代表加载的风格,支持0-2原创 2019-09-12 10:21:58 · 1132 阅读 · 0 评论 -
[layui]上传文件upload使用
html<div class="layui-form-item"> <label class="layui-form-label">资讯内容<span style="color: red"> *</span></label> <div class="layui-input-block"> <...原创 2019-09-10 10:17:00 · 3076 阅读 · 0 评论 -
[layui]数据表格实现批量删除
case 'delete': var data = checkStatus.data; // console.log(data); var arr = []; for (var i of data) {// ES6新语法 遍历数组的值value // console.log(i); if (checkStatus = true) { arr.push(i...原创 2019-09-06 09:24:31 · 1265 阅读 · 0 评论 -
[layui]数据表格搜索关键字执行表格重载
<div class="layui-form">关键字: <div class="layui-inline"> <input class="layui-input" placeholder="请输入关键字" autocomplete="off" name="Keys1"> <input class="layui-input" pla...原创 2019-09-05 08:24:37 · 1368 阅读 · 0 评论 -
[layui]递归实现树型菜单
使用Layui后台模板//html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...原创 2019-08-12 09:31:41 · 953 阅读 · 0 评论 -
[layui]表单中switch的使用
<script type="text/html" id="switchTpl"> <!--这里的 checked 的状态只是演示--> <input type="checkbox" name="open" value="{{d.isstop}}" lay-skin="switch" lay-text="启用|关闭" lay-filter="sexDemo" {{...原创 2019-07-26 18:41:57 · 3403 阅读 · 0 评论 -
layui数据表格的使用
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>品牌管理&...原创 2020-01-02 11:30:59 · 149 阅读 · 0 评论 -
[layui]执行添加或者修改后,重新加载数据表格数据(刷新页面动作),关闭弹框layer.open
//监听提交 form.on('submit(edit)', function (data) { // 这个只是监听提交动作,自己还需要ajax提交 $.ajax({ async: false, url: "/updateMessage", ...原创 2019-06-17 11:08:53 · 12631 阅读 · 0 评论 -
[layui]拓展组件Eletree的使用
layui拓展组件eletree的使用第一步:引入css、js<link rel="stylesheet" href="../../layui/css/eleTree.css"><script src="../../layui/layui.js" charset="utf-8"></script>第二步:html:<div class="e...原创 2019-06-05 10:25:36 · 6137 阅读 · 0 评论