当前第2页 返回上一页
示例:
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 | <!DOCTYPE html>
< html >
< head >
< meta charset = "UTF-8" >
< title >模块化的使用</ title >
< link rel = "stylesheet" href = "./layui/css/layui.css" >
< 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 >
|
补充:为了方便使用可以使用下面方法引入
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 | function deleteDictBatch(){
var form,layer;
layui. use ([ 'form' , 'layer' ], function () {
form = layui.form;
layer=layui.layer;
});
var length_1 = $( "[name='dictionaryCheckbox']:checked" ).length;
if (length_1 ==0 ){
layer.alert( "请选中需要删除的字典" )
return ;
}
else {
if (!confirm( "您确认要删除下列字典?" )){
return ;
}
var values = [];
$( "[name='dictionaryCheckbox']:checked" ).each( function (i) {
values[i]=$(this).val();
})
$.post(contextPath+ '/dictionary/deleteDictBatch.do' ,{dictionaryIds:values.toString()}, function (response){
alert(response);
if (response == "删除成功" ){
getDictionaryTree();
getDictionaryFY();
}
}, 'text' )
}
}
|
也可以将layer和form作为全局变量引入使用:
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 | /**
* @author: qlq
* @time: 9:31
* @description: 添加培养方案的JS
*/
/**
* 一次性自调函数初始化两个全局变量
*/
var lyer,form;
(function () {
layui.use(['layer','form'],function () {
layer=layui.layer,form=layui.form;
})
})();
/**
* 页面加载完成后执行一些函数
*/
$(function () {
layer.msg("消息框")
});
/**********S *****************/
|
相关推荐:layui
以上就是layui怎么使用模块化的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
layui怎么做图片在列表中显示
为什么我的layui进度条渲染不出来
layui属于什么
layui怎么关闭弹出层
layui模板引擎如何使用
为laydate输入框加上图标的方法(附代码)
layui打开的layer的iframe窗口怎么关闭
layui怎么刷新当前页面
layui icon是什么
layui的分页怎么用
更多相关阅读请进入《layui》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » layui怎么使用模块化