13518219792
这篇文章将为大家详细讲解有关使用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('请选择');
if(data.result != null && data.result.length != 0) {
$.each(data.result,function(i,place) {
if(levelPlace == place.name) {
$("#" + tagId).append(''+place.name+'')
}else {
$("#" + tagId).append(''+place.name+'')
}
})
}
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怎么定义一个模块就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
