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