lay

【100例】iframe版的管理后台

血红的双手。 提交于 2020-02-23 02:27:01
  我使用的是LayUI做前端框架,原因很简单,网上现成代码,上手简单,自由度高,效果齐全,就官网的文档还是不够好,很多好东西都没列出来,要靠自己挖掘。   现在我准备用官网的iframe版做个管理系统后台,之前已经写过一个单页版的,需求分析已经写好,页面大概50页,8个功能模块,1个公共模块,1个登录。   看代码前,先记录一下页面3个基本方法:layui.config、layui.extend、layui.define   layui.config:初始化配置,可以把固定js,主题和use需要的扩展模块都包含进来。(目前就觉得有这个做法)   layui.extend:指定自己的路径   layui.define:定义自己的组件,也能使用里面的组件,跟layui.use有点像   再提一点,官方建议线上调用layer.all.js,可以免去调用组件,直接使用。听起来不错。   好了,下面是代码部分: html代码 <!--head-->    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> <link rel="stylesheet" href="/scripts/layui

layui table

試著忘記壹切 提交于 2020-02-18 15:14:33
table.on('tool(userMange)', function (obj) { 表示 会触发行内事件 //行内元素 <script type="text/html" id="opreateBar"> <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="check" data-url="">审核</a> <a class="layui-btn layui-btn-xs" lay-event="edit" data-url="">编辑</a> <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del" data-url="">删除</a> <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="reset" data-url="">重置密码</a> </script> table.on('toolbar(userMange)', function (obj) { <script type="text/html" id="toolbar"><button class="layui-btn layui-btn-sm" lay-event="add" data-url="

考研词汇49

南笙酒味 提交于 2020-02-12 23:04:06
1 compass 2 helicopter 3 match 4 overall 5 refine 6 roughly 7 set off 8 inherent 9 expedition 10 territory 11 throughout 12 lay out 1 compass 指南针 2 helicopter 直升机 3 match 比赛 4 overall 全面的 5 refine 改善 6 roughly 大致 7 set off 出发 8 inherent 内在的。固有的 9 expedition 考察 10 territory 领土 11 throughout 贯穿 12 lay out 展开 来源: CSDN 作者: 国民小跟班 链接: https://blog.csdn.net/jjsjsjjdj/article/details/104284264

【题解】玩具取名

ⅰ亾dé卋堺 提交于 2020-01-20 19:00:07
Question 题目大意不说了。 区间 \(dp\) 设计 \(dp[i][j][k]\) 表示区间 \([i,j]\) 能不能由字符 \(k\) 变化得到 那么有一个状态转移方程是: \[dp[i][j][lay[l][0]]=dp[i][mid][lay[l][1]]>0,dp[mid+1][j][lay[l][2]]>0\] \(lay\) 数组是存储的变化信息。 \(lay[l][1]\) 表示的变化信息第 \(l\) 条的第一个字符,以此类推。 \(lay[l][0]\) 是这条信息所指的字符 \(Code:\) #include<bits/stdc++.h> using namespace std; int num[6]; int cnt; char s[2010]; int lay[2000][5]; inline int read(){ int s=0,w=1; char ch=getchar(); while(ch<'0'||ch>'9'){ if(ch=='-')w=-1; ch=getchar(); } while(ch>='0'&&ch<='9'){ s=(s<<1)+(s<<3)+(ch^48); ch=getchar(); } return s*w; } int dp[201][202][5]; inline int Number(char c){

LayUI-Table-添加禁止选中

六月ゝ 毕业季﹏ 提交于 2019-12-25 12:52:40
LayUI这几年比较流行,里面的Table组件也比较强大,但是前面的CheckBox没有禁止选中功能,今天就来试试,看看能不能给添加一个禁止选中功能。 Fork LayUI源码 LayUI项目地址 Clone到本地 找到src里面lay下面的modules文件夹里面的table.js 添加字段标记 参照这里我们也添加一个"IS_DISABLE"的标记 添加完如下 config: { checkName: 'LAY_CHECKED', //是否选中状态的字段名 indexName: 'LAY_TABLE_INDEX', //下标索引名 disableName: 'LAY_DISABLED' //是否禁用 } //全局配置项 修改代码逻辑 找到区域模板里面的 lay-filter="layTableAllChoose" 在后面添加如下代码 {{# if(item2[d.data.disableName]){ }} disabled {{# }; }} 添加列渲染 修改选择逻辑 详细修改请点这里 测试 在数据里面添加 "LAY_DISABLED": true, 来看看效果 源码 点这里看源码 来源: https://www.cnblogs.com/ismars/p/11050059.html

Layui 表单 多选模拟单选,checkbox实现radio效果

Deadly 提交于 2019-12-24 06:08:24
< ! DOCTYPE html > < html lang = "zh" > < head > < meta charset = "UTF-8" > < title > Layui 表单 多选模拟单选,checkbox实现radio效果 < / title > < link rel = "stylesheet" href = "../assets/libs/layui/css/layui.css" media = "all" > < / head > < body > < div class = "layui-form" > < br > < div class = "layui-form-item" > < label class = "layui-form-label" > 选一个你的兴趣爱好 < / label > < div class = "layui-input-block" isradio = "true" > < input type = "checkbox" lay - skin = "primary" lay - filter = "cb_r" title = "唱" > < input type = "checkbox" lay - skin = "primary" lay - filter = "cb_r" title = "跳" > < input

layui table 表格数据显示超链接

偶尔善良 提交于 2019-12-23 21:46:29
前言 layui 显示后台返回数据,需要将某一列数据 转换为 超链接,进行点击事件 例子 layui table cols: [[ {field: 'imgList', title: '图片凭证', minWidth: 90, align: "center", templet: proofPicture} ]], done: function (res, curr, count) { } js function proofPicture(d) { var proofPicture = d.imgList; if ('' == proofPicture || null == proofPicture || undefined == proofPicture) { return ''; } if(proofPicture.length > 0) { return '<a class="layui-blue" href="javascript:void(0);" lay-event="picture">图片凭证预览</a>' } } 效果 说明 将后台返回数据进行 超链接化,加上点击事件,再根据 layui 表格事件监听 lay-event,完成点击效果 lay-event 事件 可查看 https://blog.csdn.net/java__project/article

layui select 事件监听

女生的网名这么多〃 提交于 2019-12-21 01:16:10
<select lay-filter="business" class="select" lay-verify="type" name="business" > <option value="0" >请选择</option> <option value="1" >张三</option> </select> lay-filter的值在JS调用的时候使用 JS 部分 var form = layui.form, layer = layui.layer; form.on('select(business)', function(data){ alert(1) }) 来源: CSDN 作者: Missmiaomiao 链接: https://blog.csdn.net/hantanxin/article/details/103628518

layui table表格详解

白昼怎懂夜的黑 提交于 2019-12-17 00:34:54
上次做table有些东西 忘记了 这次当作来个分析总结一下 跟大家共同学习 闲话不多说 直接上例子 代码: <form id="form1" runat="server"> <div> <table id="demo" lay-filter="test"></table> </div> </form> <script> //*********************************layuitable初始化代码********************************** layui.use('table', function () { var table = layui.table; table.render({ elem: '#demo' , height: 500 , url: '/GetDataForLayuiTableLearning.ashx' //数据接口 , page: true //开启分页 , cols: [[ //表头 { field: 'ID', title: 'ID', sort: true, unresize: true } , { field: 'starttime', title: '开始时间', unresize: true} , { field: 'addtime', title: '添加时间', unresize: true }

layui教程---table

点点圈 提交于 2019-12-11 23:23:30
layui.config({ base: "${ctx}/static/js/" }).use(['form', 'layer', 'jquery', 'common','element', 'table', 'laytpl'], function () { $ = layui.$; var $ = layui.$, form = layui.form, common = layui.common, laydate = layui.laydate, element = layui.element, table = layui.table, laytpl = layui.laytpl, layer = layui.layer; var content = 'content'; common.getOptionsByCode('PLATE', 'identifyVehicleColorId','','车牌颜色'); var loading = layer.load(1, {shade: [0.9, '#fff']}); /**重置*/ $("#rev-btn").click(function () { $("input").val(''); $('select').each(function (i, j) { $(j).find("option:selected").attr(