layui 自定義模塊

新建模塊目錄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;
});