layui模块化怎么使用

作者 : MOOMOO 本文共1680个字,预计阅读时间需要5分钟 发布时间: 2022-05-3 共17人阅读

模块化的使用:

注意:引入的JS是:/layui/layui.js

遵循 layui 的模块规范建立一个入口文件,并通过 layui.use() 方式来加载该入口文件

示例:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset=”UTF-8″>
  5.     <title>模块化的使用</title>
  6.     <link rel=”stylesheet” href=”./layui/css/layui.css”>
  7.     <!–引入这个JS–>
  8.     <script type=”text/javascript” src=”./layui/layui.js”></script>
  9. </head>
  10. <body>
  11. <script>
  12.     /*必须使用这个方法先引用对应的模块*/
  13.     layui.use([‘layer’],function () {
  14.         var layer = layui.layer;
  15.         layer.alert(“xxxxxxxxxxxxxxxxxxxxxxxx”)
  16.     })
  17. </script>
  18. </body>
  19. </html>

补充:为了方便使用可以使用下面方法引入

  1. function deleteDictBatch(){
  2.     var form,layer;
  3.     layui.use([‘form’,’layer’],function () {
  4.         form = layui.form;
  5.         layer=layui.layer;
  6.     });
  7.     //获取选中的元素的个数
  8.     var length_1 = $(“[name=’dictionaryCheckbox’]:checked”).length;
  9.     //1.如果选中的个数为0,直接退出函数,提示选择字典删除
  10.     if(length_1 ==0 ){
  11.         layer.alert(“请选中需要删除的字典”)
  12.         return ;
  13.     }
  14.     //如果有元素需要被删除
  15.     else{
  16.         if(!confirm(“您确认要删除下列字典?”)){//点取消也退出函数
  17.             return;
  18.         }
  19.         //第二种方式,以数组的方式去提交。后台用string接收
  20.         var values = [];
  21.         $(“[name=’dictionaryCheckbox’]:checked”).each(function (i) {//i代表索引
  22.             values[i]=$(this).val();
  23.         })
  24.         $.post(contextPath+’/dictionary/deleteDictBatch.do’,{dictionaryIds:values.toString()},function(response){
  25.             alert(response);
  26.             if(response == “删除成功”){
  27.                 getDictionaryTree();//查询字典树
  28.                 getDictionaryFY();//分页查询字典信息
  29.             }
  30.         },’text’)
  31.         //删除的业务逻辑
  32.     }
  33. }

也可以将layer和form作为全局变量引入使用:

  1. /**
  2.  * 一次性自调函数初始化两个全局变量
  3.  */
  4. var lyer,form;
  5. (function () {
  6.     layui.use([‘layer’,’form’],function () {
  7.         layer=layui.layer,form=layui.form;
  8.     })
  9. })();
  10. /**
  11.  * 页面加载完成后执行一些函数
  12.  */
  13. $(function () {
  14.     layer.msg(“消息框”)
  15. });
1. 本站所有资源来源于用户上传和网络,仅作为演示数据,如有侵权请邮件联系站长!
2. 本站客服QQ:4387159,唯一购买官网:MooMoo.TOP!
3. 盗版,破解有损他人权益和违法作为,请各位会员支持正版!
MooMoo » layui模块化怎么使用

常见问题FAQ

是否支持共享资源赚外快?
本站支持任何人上传资源,一经采用即可展示,客户下单既有80%的提成。
可以免费教技术吗?
大家可以加群进行探讨共同进步,重点问题管理员会进行解答。
我是小白要怎么学习?
加群后做到不耻下问,看文章学习演示就能成为大佬。

发表评论