layui 集成第三方和自定義組件到模塊規范


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={}//對外方法比如頁面點擊等

});


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM