layui 自定义模块

最新推荐文章于 2024-08-07 02:29:47 发布

weixin_30898109

最新推荐文章于 2024-08-07 02:29:47 发布

阅读量620

点赞数

文章标签： javascript c# ViewUI

原文链接：http://www.cnblogs.com/jiqing9006/p/11584174.html

版权

新建模块目录modules

新建common.js

layui.define(['jquery'], function (exports) {
    var $ = layui.jquery;
    var obj = {
        test: function () {
            alert('test from common');
        }
    };
    //输出接口
    exports('common', obj);
});

配置

layui.config({
    base: '/xadmin/lib/layui/modules/'      //自定义layui组件的目录
}).extend({ //设定组件别名
    common:   'common', // 如果相同可以不设置别名
});

使用

layui.use(['common'],
    function () {
        let common = layui.common;
        common.test();
    }
);

formSelects 案例

将formSelects-v4.js放入modules目录中。

修改配置文件。

layui.config({
    base: '/xadmin/lib/layui/modules/'      //自定义layui组件的目录
}).extend({ //设定组件别名
    formSelects:   'formSelects-v4', // 如果相同可以不设置别名
});

使用

<select name="type" id="L_type" lay-verify="required" xm-select="type">
    <option value="">请选择</option>
    <volist name="type_id_name" id="vo">
        <option value="{$vo.id}">{$vo.name}</option>
    </volist>
</select>

layui.use(['jquery', 'form', 'layer', 'formSelects'],
    function () {
        $ = layui.jquery;
        let form = layui.form, layer = layui.layer;
        // let formSelects = layui.formSelects;
});