hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - 文章 - 后端开发 - 正文 看Cosplay古风插画小姐姐,合集图集打包下载:炫龙网 · 炫龙图库

layui定义一个模块并运用的实例_WEB前端开发

2019-12-03后端开发ki4网15°c
A+ A-

在运用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定义一个模块并运用的实例的细致内容,更多请关注ki4网别的相干文章!

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
layui定义一个模块并运用的实例_WEB前端开发

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>