zoukankan      html  css  js  c++  java
  • 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”为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); //再执行关闭
  • 相关阅读:
    SQL Server存储过程(二)
    WPF 小知识 (设置背景图)
    关于SQL Server中索引使用及维护简介
    学习asp.net比较完整的流程(转)
    web开发常用默认端口
    接口和类的几大区别
    WEB建站规划之建站目的
    个人经验:页面无刷新传输数据的多种方法总结
    旅游电子商务探讨
    vs2008中文版提供下载(包含中文msdn)
  • 原文地址:https://www.cnblogs.com/tangbang/p/10143024.html
Copyright © 2011-2022 走看看