Heim >Web-Frontend >Layui-Tutorial >So nutzen Sie die Modularisierung in Laui

So nutzen Sie die Modularisierung in Laui

王林
王林Original
2020-11-24 10:04:503640Durchsuche

layui verwendet einen modularen Ansatz: Befolgen Sie die Modulspezifikationen von Laui, um eine Eintragsdatei zu erstellen, und laden Sie die Eintragsdatei über die Methodelayui.use(), z. B. [layui.use(['layer'], function(){ var Layer =layui.layer}].

So nutzen Sie die Modularisierung in Laui

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Version 2.5.6 von Laui. Diese Methode ist für alle Computermarken geeignet Javascript-Video-Tutorial

)

Verwendung der Modularisierung:

Hinweis: Das importierte JS ist:/layui/layui.js

Folgen Sie der Modulspezifikation von Laui, um eine Eintragsdatei zu erstellen und laden Sie die Eintragsdatei überlayui.use()

Beispiel:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>模块化的使用</title>
    <link rel="stylesheet" href="./layui/css/layui.css">

    <!--引入这个JS-->
    <script type="text/javascript" src="./layui/layui.js"></script>

</head>
<body>


<script>
    /*必须使用这个方法先引用对应的模块*/
    layui.use([&#39;layer&#39;],function () {
        var layer = layui.layer;
        layer.alert("xxxxxxxxxxxxxxxxxxxxxxxx")
    })
</script>


</body>
</html>

Ergänzung: Zur Vereinfachung der Verwendung können Sie die folgende Methode verwenden, um

function deleteDictBatch(){
    var form,layer;
    layui.use([&#39;form&#39;,&#39;layer&#39;],function () {
        form = layui.form;
        layer=layui.layer;
    });
    //获取选中的元素的个数
    var length_1 = $("[name=&#39;dictionaryCheckbox&#39;]:checked").length;
    //1.如果选中的个数为0,直接退出函数,提示选择字典删除
    if(length_1 ==0 ){
        layer.alert("请选中需要删除的字典")
        return ;
    }
    //如果有元素需要被删除
    else{
        if(!confirm("您确认要删除下列字典?")){//点取消也退出函数
            return;
        }
        //第二种方式,以数组的方式去提交。后台用string接收
        var values = [];
        $("[name=&#39;dictionaryCheckbox&#39;]:checked").each(function (i) {//i代表索引
            values[i]=$(this).val();
        })
        $.post(contextPath+&#39;/dictionary/deleteDictBatch.do&#39;,{dictionaryIds:values.toString()},function(response){
            alert(response);
            if(response == "删除成功"){
                getDictionaryTree();//查询字典树
                getDictionaryFY();//分页查询字典信息
            }
        },&#39;text&#39;)
        //删除的业务逻辑
    }
}
einzuführen

Das obige ist der detaillierte Inhalt vonSo nutzen Sie die Modularisierung in Laui. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn