首页 / LAYUI / layui定义一个模块并使用的实例
layui定义一个模块并使用的实例
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了layui定义一个模块并使用的实例,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1738字,纯文字阅读大概需要3分钟。
内容图文
![layui定义一个模块并使用的实例](/upload/InfoBanner/zyjiaocheng/419/5cffcaea97f543acab2fd82561c4542d.jpg)
![layui定义一个模块并使用的实例 - 文章图片](/upload/getfiles/0001/2021/4/23/20210423110350545.jpg)
在使用layui的过程,有几个方法需要被多个js引用,所以我按照文档,自定义了一个layui的模块,下面实现过程(推荐:layui使用教程)
先定义一个模块
//定义模块 layui.define(['form'], function(exports){ var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功 var $ = layui.$; var obj = { changeParentPlace: function (parentId,tagId,levelPlace) { $.ajax({ url:ctx + '/base/place/changeParentPlace', type:'get', data:{ parentId:parentId }, dataType:'json', success:function (data) { $("#" + tagId).empty(); $("#" + tagId).append('<option value="">请选择</option>'); if(data.result != null && data.result.length != 0) { $.each(data.result,function(i,place) { if(levelPlace == place.name) { $("#" + tagId).append('<option selected value="'+place.id+'">'+place.name+'</option>') }else { $("#" + tagId).append('<option value="'+place.id+'">'+place.name+'</option>') } }) } form.render('select'); //刷新select选择框渲染 } }) } } //输出模块 exports('common', obj); });
定义方法使用layui.define
define中的第一个参数可以加载一些layui中内置的模块来使用,第二个回调方法中定义一些公共的方法
exports的第一参数是这个模块起的名字,第二个参数是一个对象该对象中定义了这三个方法
设置模块
//设置模块 layui.config({ base: ctx + '/js/app/modules/' //假设这是你存放拓展模块的根目录 }).extend({ //设定模块别名 common:'common' });
定义模块使用layui.config
base定义的是定义模块的js所在目录
common是设置的别名,’common’是目录中的文件名(.js自动加)
调用模块
layui.use(['common'], function(){ var common = layui.common; common.changeParentPlace($("#firstLevelId").val(),'secondLevelId'); });
先将common模块use出来,调用代码如上common.changeParentPlace($("#firstLevelId").val(),'secondLevelId');和使用内置模块是一样的
以上就是layui定义一个模块并使用的实例的详细内容。
内容总结
以上是互联网集市为您收集整理的layui定义一个模块并使用的实例全部内容,希望文章能够帮你解决layui定义一个模块并使用的实例所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。