layui 常用方法 readme

layui样式加载:
layui.use([‘table‘, ‘element‘, ‘laydate‘, ‘layer‘], function () {
        var table = layui.table, element = layui.element, form = layui.form, laydate = layui.laydate,
            layer = layui.layer;
        element.init(); //初始化  radio 和选项卡
        form.render();//重新渲染
        });

layui弹框不居中 调整:
layer.alert("您选择得供方资料不能初审!",{offset: ‘100px‘});

div层:
$.ajax({
                type: "POST"
                , url: gContextPath + "/supplier/dataFirstTrial/tenderingCategory.htm"
                , data: {
                    ids: ids,
                    categoryName:"",
                    typeName:""
                    }
                , dataType: "html"
                , success: function (data) {
                    layer.open({
                        type: 1,
                        title: ‘招标品类‘,
                        // skin: , //样式类名
                        closeBtn: 1, //不显示关闭按钮
                        area: [‘600px‘, ‘350px‘],
                        shadeClose: false, //开启遮罩关闭
                        content: data,
                        offset: ‘100px‘
                    });
                }
            });

table中checkBox样式有问题加属性:lay-skin="primary"

关闭弹框:
 layer.close(index); //此时你只需要把获得的index
 layer.close(layer.index); //它获取的始终是最新弹出的某个层
 layer.closeAll(); //疯狂模式,关闭所有层
 layer.closeAll(‘dialog‘); //关闭信息框
 layer.closeAll(‘page‘); //关闭所有页面层
 layer.closeAll(‘iframe‘); //关闭所有的iframe层
 layer.closeAll(‘loading‘); //关闭加载层
 layer.closeAll(‘tips‘); //关闭所有的tips层
9)表单元素他忽略美化渲染 lay-ignore
10)下拉框搜索 lay-search=""
11)折叠面板填充重新渲染元素:layui.element.render(‘collapse‘);
因为一个render一次渲染一个日期组件,这个是内置的,所以需要循环绑定,“advanceDate”为classlay-key 不能为同一个layui.use(‘laydate’, function(){    var laydate = layui.laydate;    lay(‘.advanceDate’).each(function(){        laydate.render({            elem: this            ,trigger: ‘click’            ,type: ‘datetime’        });    });

});

var d = new Date();

//获取当前实际日期var str = d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate();//获取当前实际日期if (Date.parse(str) > Date.parse(startdate)) {//时间戳对比     layer.msg("起始时间要大于当前时间");          return false;}

正则验证常用表达式:不能输入中文:onkeyup="value=value.replace(/[^\w]/ig,‘‘)";邮箱格式:/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/只能输入数字或者字母:/^(?![0-9]+$)*(?![a-zA-Z]+$)*[0-9A-Za-z]{0,50}$/     两个星号代表是否是必填只能是11位数字:/^\d{11}$/只能是整数或者带小数两位的值:onkeyup="value=(this.value.match(/\d+(\.\d{0,2})?/)||[‘‘])[0]"只能输入数字,其他的都不行:onkeyup="value=value.replace(/\D/g,‘‘)"
form.js 自定义验证twoDecimalPlaces 数字类型包含两位小数验证strongPassword 强密码验证/^(?=.*\d)(?=.*[a-zA-Z])(?=.*[`[email protected]#\$%\^\&\*\(\)_\+<>\?:"\{\},\.\\\/;‘\[\]]).{8,17}$/,‘必须包含大小写字母和数字及特殊字符的组合,长度在8-17之间‘

//loadinglayer.load(0, {shade: [0.1,‘#FFF‘]}); //0代表加载的风格,支持0-2//如果你想关闭最新弹出的层,直接获取layer.index即可layer.close(layer.index); //它获取的始终是最新弹出的某个层,值是由layer内部动态递增计算的 【推荐使用】

layer.closeAll(); //关闭所有 弹出框内慎用//当你在iframe页面关闭自身时var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引parent.layer.close(index); //再执行关闭

原文地址:https://www.cnblogs.com/tangbang/p/10143024.html

时间: 2025-01-13 10:24:02

layui 常用方法 readme的相关文章

layui常用方法

很好用的一个ui组件,弹出,分页等 http://layer.layui.com/ 1 带叉叉的弹窗 layer.open({ type: 1, title: false, //不显示标题 content: 'hehe', //捕获的元素 area: ['400px', '200px'], //宽高 //scrollbar: false, cancel: function(index) { layer.close(index); } });

iOS中的NSBundle常用方法

1.获取app的info.plist详细信息 版本号:Bundle version NSString *version = [[[NSBundle mainBundle] infoDictionary] objectForKey:@"CFBundleVersion"]; 应用标识:Bundle identifier NSString *bundleId = [[[NSBundle mainBundle] infoDictionary] objectForKey:@"CFBun

从头认识java-15.2 Collection的常用方法

这一章节我们来介绍一下Collection的常用方法. 我们下面以ArrayList为例. package com.ray.ch14; import java.util.ArrayList; import java.util.Iterator; public class Test { public static void main(String[] args) { ArrayList<Integer> rtnList = new ArrayList<Integer>(); rtnL

java中String的常用方法

java中String的常用方法1.length() 字符串的长度 例:char chars[]={'a','b'.'c'}; String s=new String(chars); int len=s.length(); 2.charAt() 截取一个字符 例:char ch; ch="abc".charAt(1); 返回'b' 3. getChars() 截取多个字符 void getChars(int sourceStart,int sourceEnd,char target[]

查看Oracle执行计划的几种常用方法-系列1

SQL的执行计划实际代表了目标SQL在Oracle数据库内部的具体执行步骤,作为调优,只有知道了优化器选择的执行计划是否为当前情形下最优的执行计划,才能够知道下一步往什么方向. 执行计划的定义:执行目标SQL的所有步骤的组合. 我们首先列出查看执行计划的一些常用方法: 1. explain plan命令 PL/SQL Developer中通过快捷键F5就可以查看目标SQL的执行计划了.但其实按下F5后,实际后台调用的就是explain plan命令,相当于封装了该命令. explain plan

检查主板故障的常用方法

主板故障往往表现为系统启动失败.屏幕无显示等难以直观判断的故障现象.下面列举的维修方法各有优势和局限性,往往结合使用. 1.清洁法 可用毛刷轻轻刷去主板上的灰尘,另外,主板上一些插卡.芯片采用插脚形式,常会因为引脚氧化而接触不良.可用橡皮擦去表面氧化层,重新插接. 2.观察法 反复查看待修的板子,看各插头.插座是否歪斜,电阻.电容引脚是否相碰,表面是否烧焦,芯片表面是否开裂,主板上的铜箔是否烧断.还要查看是否有异物掉进主板的元器件之间.遇到有疑问的地方,可以借助万用表量一下.触摸一些芯片的表面,

Rhythmk 一步一步学 JAVA (20) JAVA enum常用方法

JAVA 枚举定义常用方法: 1.static Enum valueOf(Class enum,String name) 返回指定name的枚举类型 2.Static Enum values[] 返回枚举常量集合 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50

KMP Client README

KMP Client README About KMP is a mod for v0.22 of Kerbal Space Program that adds a multiplayer game option. In a KMP game you can freely interact with other players and do all the Kerbally things you'd normally do in KSP, but with friends (or strange

Javascript - ExtJs - 常用方法和属性

常用方法和属性(Common methods and attributes) 获取 get(x) x是元素的ID || dom元素对象 || ExtElement对象 将参数所指转化为ExtElement对象并返回它(非Dom元素对象,而是对Dom元素的封装),此方法等同于new Ext.Element(x) . Ext.select(x) x是选择器 返回一个CompositeElement对象,表示ExtElment对象的集合.但返回的这个对象实际上并非数组,不能通过数组索引访问它包含的数据