IMCSI

0%

Layui相关技巧

发表于 更新于 分类于 Valine：

1.添加半遮罩请求中状态弹出层

1
load = layer.load(1,{shade:[0.5,'#000']});

2.刷新弹出层父级页面

1
parent.location.reload();

3.渲染的按钮无法绑定事件时使用此方法

1
$(document).on('click',"#export",function(){})

4.JQuery遍历数组对象

1
2
3
4
var ids=[];
$.each(obj,function(n,value) {
    ids.push(value.id)
});

5.单页显示表格所有数据

1
2
3
4
5
6
7
8
9
10
11
12
table.render({
    elem: '#test0'
    ,limit: Number.MAX_VALUE // 数据表格默认全部显示
    ,cols: [[
        {field:'nodeSort',width: 180, title: '节点顺序'}
        ,{field:'nodeName',width: 180, title: '节点名称'}
        ,{field:'userName',width: 687, title: '用户名称'}
    ]]
    ,id: 'testReload0'
    ,data:{}

});

6.区间金额验证

1
2
3
if(moneyVerify('gteMoney','lteMoney') === false){
                    return false
                }
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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
    function moneyVerify(starts,ends,msg=''){
        var start = $('#'+starts);
        var end = $('#'+ends);

        var pattern = new RegExp(/^\d+$/);
        if (start.val() || end.val())
        {
            if (start.val() && end.val())
            {
                if (pattern.exec(start.val()) == null )
                {
                    var layer4 = layer.open({
                        type: 1
                        , title: '提示' //防止重复弹出
                        , content: '<div style="padding: 20px 100px;">' + '仅支持输入0及以上的正整数' + '</div>'
                        , btn: ['确定']
                        , btnAlign: 'c' //按钮居中
                        , shade: 0 //不显示遮罩
                        , yes: function () {
                            layer.close(layer4);
                        }
                    });
                    return false
                }
                if (pattern.exec(end.val()) == null )
                {
                    var layer4 = layer.open({
                        type: 1
                        , title: '提示' //防止重复弹出
                        , content: '<div style="padding: 20px 100px;">' + '仅支持输入0及以上的正整数' + '</div>'
                        , btn: ['确定']
                        , btnAlign: 'c' //按钮居中
                        , shade: 0 //不显示遮罩
                        , yes: function () {
                            layer.close(layer4);
                        }
                    });
                    return false
                }

                if (eval(start.val()) > eval(end.val()))
                {
                    var layer6 = layer.open({
                        type: 1
                        , title: '提示' //防止重复弹出
                        , content: '<div style="padding: 20px 100px;">' + msg+'开始金额不能大于结束金额' + '</div>'
                        , btn: ['确定']
                        , btnAlign: 'c' //按钮居中
                        , shade: 0 //不显示遮罩
                        , yes: function () {
                            layer.close(layer6);
                        }
                    });
                    return false
                }

            } else if(start.val())
            {
                if (pattern.exec(start.val()) == null )
                {
                    var layer4 = layer.open({
                        type: 1
                        , title: '提示' //防止重复弹出
                        , content: '<div style="padding: 20px 100px;">' + '仅支持输入0及以上的正整数' + '</div>'
                        , btn: ['确定']
                        , btnAlign: 'c' //按钮居中
                        , shade: 0 //不显示遮罩
                        , yes: function () {
                            layer.close(layer4);
                        }
                    });
                    return false
                }

            } else if (end.val())
            {
                if (pattern.exec(end.val()) == null)
                {
                    var layer4 = layer.open({
                        type: 1
                        , title: '提示' //防止重复弹出
                        , content: '<div style="padding: 20px 100px;">' + '仅支持输入0及以上的正整数' + '</div>'
                        , btn: ['确定']
                        , btnAlign: 'c' //按钮居中
                        , shade: 0 //不显示遮罩
                        , yes: function () {
                            layer.close(layer4);
                        }
                    });
                    return false
                }
            }
        }
}