layui如何定义一个模块并使用-创新互联
这篇文章给大家分享的是有关layui如何定义一个模块并使用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
成都创新互联主营右玉网站建设的网络公司,主营网站建设方案,成都App制作,右玉h5小程序定制开发搭建,右玉网站营销推广欢迎右玉等地区企业咨询先定义一个模块
//定义模块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('') }else { $("#" + tagId).append('') } }) } 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如何定义一个模块并使用-创新互联
浏览路径:http://pwwzsj.com/article/cddodh.html