时间:2021-05-25
在使用layui的过程,有几个方法需要被多个js引用,所以我按照文档,自定义了一个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定义一个模块并使用的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
layUI的弹出层模块layer在使用时有一个skin属性skin不仅允许你传入layer内置的样式class名,还可以传入您自定义的class名。如果要改变弹
Python中的内置模块可以直接使用,如os模块,sys模块。使用第三方模块之前,需要先下载并安装该模块,然后就能像使用标准模块和自定义模块那样导入并使用了。因
excel中vba使用fix函数的方法。 1、首先我们打开一个工作样表作为例子。 2、使用alt+f11组合快捷键进入vbe编辑器,插入一个新的模块,并
问题描述:springboot建立多个模块,当一个模块需要使用另一个模块的服务时,需要注入另一个模块的组件,如下面图中例子:memberservice模块中的M
使用layuitable后,table会自动有一个滑动条,使用时需要去掉,原理如下:定义一个tab的父divid,在这个id中寻找class为layui-tab