码迷,mamicode.com
首页 > 其他好文 > 详细

layui 常用方法 readme

时间:2018-12-19 15:36:44      阅读:917      评论:0      收藏:0      [点我收藏+]

标签:password   渲染   off   大小写   this   资料   类型   推荐   on()   

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”为class
lay-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])(?=.*[`~!@#\$%\^\&\*\(\)_\+<>\?:"\{\},\.\\\/;‘\[\]]).{8,17}$/
,‘必须包含大小写字母和数字及特殊字符的组合,长度在8-17之间‘

//loading
layer.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); //再执行关闭

 

layui 常用方法 readme

标签:password   渲染   off   大小写   this   资料   类型   推荐   on()   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!