layui模块化怎么使用
layui模板化使用详解
模块化的使用：
注意：引入的JS是:/layui/layui.js
遵循 layui 的模块规范建立一个入口文件，并通过 layui.use() 方式来加载该入口文件
示例：
<!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>补充：为了方便使用可以使用下面方法引入
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')
//删除的业务逻辑
}
}也可以将layer和form作为全局变量引入使用：
/**
* 一次性自调函数初始化两个全局变量
*/
var lyer,form;
(function () {
layui.use(['layer','form'],function () {
layer=layui.layer,form=layui.form;
})
})();
/**
* 页面加载完成后执行一些函数
*/
$(function () {
layer.msg("消息框")
}); 本文属原创，转载请注明原文：https://www.zhimatong.com/jiaocheng/498.html
为保证教程的实用性及扩大知识面覆盖，如果您有相似问题而未解决，可联系在线客服免费技术支持。
内容有用
热门主题
相关阅读
- layui通过页面地址传参数，定位指定tab选项卡的方法
- layui框架开发,基于xm-select实现下拉多选的方法
- layui框架使用，layer.open隐藏/取消确定按钮的方法
- layui表格排序sort设置，layui能根据中文数字排序吗
- layui触发排序切换,如何实现全局排序
- layui整合codemirror解决获取不到textarea值的方法
- layui中根据创建时间sort排序
- 现在想用layui怎么办
- layui的表格合计totalRow后面添加单位或文字的方法
- layui为什么select/checkbox/radio没显示
- layui 表格sort排序时，序号不打乱
- layui引用其他页面，并在提交后关闭引用页面，且刷新当前页面的方法
交流群
购物车
