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(“消息框”)
- });
1. 本站所有资源来源于用户上传和网络,仅作为演示数据,如有侵权请邮件联系站长!
2. 本站客服QQ:4387159,唯一购买官网:MooMoo.TOP!
3. 盗版,破解有损他人权益和违法作为,请各位会员支持正版!
MooMoo » layui模块化怎么使用
2. 本站客服QQ:4387159,唯一购买官网:MooMoo.TOP!
3. 盗版,破解有损他人权益和违法作为,请各位会员支持正版!
MooMoo » layui模块化怎么使用
常见问题FAQ
- 是否支持共享资源赚外快?
- 本站支持任何人上传资源,一经采用即可展示,客户下单既有80%的提成。
- 可以免费教技术吗?
- 大家可以加群进行探讨共同进步,重点问题管理员会进行解答。
- 我是小白要怎么学习?
- 加群后做到不耻下问,看文章学习演示就能成为大佬。