zoukankan      html  css  js  c++  java
  • 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={}//对外方法比如页面点击等

    });

  • 相关阅读:
    【node.js】GET/POST请求、Web 模块
    【node.js】全局变量、常用工具、文件系统
    【node.js】函数、路由
    【node.js】模块系统、函数
    【node.js】Stream(流)
    跨域问题的产生,怎么解决它?
    array.splice()
    数组的方法
    js跨域请求的5中解决方式
    3分钟看懂flex布局
  • 原文地址:https://www.cnblogs.com/wyge/p/11937197.html
Copyright © 2011-2022 走看看