欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

layui 集成第三方和自定义组件到模块规范

程序员文章站 2022-05-18 20:51:40
1、新建一个layui.extend.js文件,页面调用时这个文件放到layui.js后面。 2、基础的配置卸载config中,扩展的组件写入extend,组件的路径是相对于config下base的路径。 例如: layui.config({ version: false, //一般用于更新模块缓存 ......

1、新建一个layui.extend.js文件,页面调用时这个文件放到layui.js后面。

2、基础的配置卸载config中,扩展的组件写入extend,组件的路径是相对于config下base的路径。

例如:

layui.config({
version: false, //一般用于更新模块缓存,默认不开启。设为true即让浏览器不缓存。也可以设为一个固定的值,如:201610
debug: false, //用于开启调试模式,默认false,如果设为true,则js模块的节点会保留在页面
base: '/resource/layuiadmin/lib/' //设定扩展的layui模块的所在目录,一般用于外部模块扩展
}).extend({
index: 'index', //主入口模块,
treetable: '../modules/treetable',
eletree: 'extend/eletree/eletree', // {/}的意思即代表采用自有路径,即不跟随 base 路径
treeselect: 'extend/treeselect',
step: 'step-lay/step',
tableselect: 'extend/tableselect',
area: 'extend/areaselect/areaselect',
autocomplete: 'extend/autocomplete/autocomplete',
uploader: 'extend/uploader/uploader'
});

3、模块调用

layui.use(['form', 'step', 'element', 'tableselect', 'laytpl', 'laydate', 'area'], function () {

var form = layui.form;

var step = layui.step;

......

 var project ={}//内部方法

 window.operate={}//对外方法比如页面点击等

});