精华内容
下载资源
问答
  • 在使用layui的过程,有几个方法需要被多个js引用,所以我按照文档,自定义了一个layui的模块,下面实现过程 先定义一个模块 //定义模块 layui.define(['form'], function(exports){ var form = layui.form; //只有...
  • 使用layui定义一个模块并使用的实例

    万次阅读 2018-01-19 18:32:51
    在使用layui的过程,有几个方法需要被多个js引用,所以我按照文档,自定义了一个layui的模块,下面实现过程 先定义一个模块 //定义模块 layui.define(['form'], function(exports){ var form = layui.form; /...

    在使用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第一步第二步第三部layui.use()中调用外部调用 第一步 页面中引入layui.all.js <script src="/static/layui/layui.all.js" charset=...// 暴露方法 layui.define(['layer', 'table'], function (exports) ...

    第一步

    页面中引入layui.all.js

    	<script src="/static/layui/layui.all.js" charset="utf-8"></script>
    

    第二步

    // 暴露方法
    layui.define(['layer', 'table'], function (exports) {
            var table = layui.table;
            exports('setInvoiceInfo', function (temp1,temp2) {//函数参数
                //do something
                alert(temp1 + "---" + temp2)
            });
    
    
            exports('setGoodsInfo', function (temp1,temp2) {
                //do something
                alert(temp1 + "---" + temp2)
            });
        });
    

    第三部

    调用

    layui.use()中调用

    	layui.setInvoiceInfo(temp1,temp2);
        layui.setGoodsInfo(temp1,temp2);
    

    外部调用

    	layui.setInvoiceInfo(temp1,temp2);
        layui.setGoodsInfo(temp1,temp2);
    

    具体参考:https://www.layui.com/doc/base/infrastructure.html

    展开全文
  • 今天小编就为大家分享一篇layui use 定义js外部引用函数的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui.use 加载layui.define 定义的模块,当外部js或 onclick调用 use 内部函数时,需要在 use 中定义 window 函数供外部引用 ,如下:layui.use(['layer','form'],function(){var layer = layui.layer,form = layer...

    layui.use 加载layui.define 定义的模块,当外部 js 或 onclick调用 use 内部函数时,需要在 use 中定义 window 函数供外部引用 ,如下:

    layui.use(['layer','form'],function(){

    var layer = layui.layer,form = layer.form();

    var Test = function(){

    //不能被外部引用

    console.log("call Test");

    }

    window.Hello = function(){

    //可以被外部引用

    console.log("call hello");

    }

    Test(); //执行成功

    Hello(); //执行成功

    });

    $(function(){

    Hello(); //可以调用

    Test(); //提供未找到 Test

    })

    注:需要引用 layui.all.js

    以上这篇layui use 定义js外部引用函数的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

    展开全文
  • 今天小编就为大家分享一篇使用layui 的layedit定义自己的toolbar方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 方法对loading层和tips层无效。参数index为层的索引,cssStyle允许你传入任意的css属性。 //重新给指定层设定width、top等 layer.style(index, { width: '1000px', top: '10px' }); ...

    该方法对loading层和tips层无效。参数index为层的索引,cssStyle允许你传入任意的css属性。

    //重新给指定层设定width、top等
    layer.style(index, {
      width: '1000px',
      top: '10px'
    }); 
    
    展开全文
  • layui - 底层方法

    2020-12-04 11:17:38
    定义模块 layui.define([mods], callback) 加载所需模块 layui.use([mods], callback) 动态加载CSS layui.link(href) 本地存储 => 对localStorage和sessionStorage的友好封装以更方便地管理本地数据 获取设备...
  • layui.use()外部自定义function(),无法调用layui.use()模块内部的方法,所以直接在layui.use()模块中,定义可以被访问的外部方法即可。 在layui.use()内部定义function,不起效果,报错 <input type="text" ...
  • Layui 级联选择方法

    2017-12-09 12:18:51
    1.先定义页面需要监听展现的元素name="courseTemplate.levelId" class="state" <div class="layui-input-inline"> <select name="courseTemplate.levelId" class="state"> <option value="">请...
  • layUI

    2018-10-07 16:09:00
    关于layUI模块的核心,就是 layui.js 的两个底层方法:一个用于定义模块的 layui.define(),一个加载模块的 layui.use() 1、预先加载 Layui的模块加载采用核心的 layui.use(mods, callback)方法,当你的JS 需要...
  • 用法:需要在 use 中定义 window 函数供外部引用。 // 调用成功 <div class=layui-form-item> <label class=layui-form-label>原密码 <div class=layui-input-block> <input type=text name=password id=...
  • layui

    2019-08-11 11:41:39
    通过该方法定义一个 Layui模块。参数mods是可选的,用于声明该模块所依赖的模块。callback即为模块加载完毕的回调函数,它返回一个exports参数,用于输出该模块的接口。 config layui.use([mods], callback) ...
  • LAYUI

    2020-08-08 09:49:27
    文章目录FORM 验证两次密码输入一致CSRFHTMLJS自定义弹出框的...FORM 验证 ...第二个密码输入框加 required lay-verify=“required|confirmPass”,然后在js中定义一个confirmPass方法,用于密码验证 <div class="layui
  • layui表单元素的校验只需在元素上加入lay-...另外,除了我们内置的校验规则,你还可以给他设定任意的值,比如lay-verify=”pass”,那么你就需要借助form.verify()方法对pass进行一个校验规则的定义 示例: <div cl
  • 给大家分享的功能是layui自定义工具栏 功能效果:开启数据表格头部工具栏区域 关键参数:toolbar 参数类型:String/DOM/Boolean 参数说明: toolbar: ‘#toolbarDemo’ //指向自定义工具栏模板选择器 toolbar: ...
  • <p>config是这个方法是直接调用的,为什么前端还会报未定义的错误呢? <p><img alt="" height="717" src="https://img-ask.csdnimg.cn/upload/1609894702416.png" width="1072" /></p> <p><img alt="...
  • layui中的onevent 和event使用方法

    万次阅读 2019-04-08 16:50:01
    这是官方文档的说明 layui.onevent(modName, events, callback) 自定义模块事件,属于比较高级的应用。有兴趣的同学可以阅读layui.js源码以及form模块 ... layui.onevent 可以看作定义方法的使用的 ...

空空如也

空空如也

1 2 3 4 5 ... 11
收藏数 201
精华内容 80
关键字:

layui定义方法