layui使用第三方扩展插件的方法,附含下拉复选框插件

layui第三方扩展插件,现在也有一些比较好用的插件了,但是大家可能还没能了解怎么使用第三方扩展插件,今天这里给大家讲下如何使用第三方插件

官方这里有说明https://www.layui.com/doc/base/modules.html,但是我们看的还是有点晕,需要一个实例来清醒下头脑

layui.config({
    base: '/static/js/'
});
layui.use(['form', 'multiSelect', 'laydate', 'table', 'layer', 'jquery'], function(){
    var form = layui.form
    ,multiSelect = layui.multiSelect
    ,laydate = layui.laydate
    ,table = layui.table
    ,layer = layui.layer
    ,$ = layui.jquery;
    
});

我这里使用的第三方插件multiSelect插件,使用方法就是这个例子,是不是很简单,这样可以在同一个use方法中使用第三方模块,当然还可以设置模块别名,如果是模块名重复了的话

我们也顺便来看看下拉复选框的基本用法

就是需要在下来框中加一组属性

<select name="id" id="id" lay-filter="id" multiple="multiple">

加的就是multiple属性和值,这样就会在你的下拉框中自动添加复选框

2610384_1536919223898_74547.png

如果下拉框是动态的话,动态重载的方法如下

multiSelect.render('select', 'id')

id是layui事件过滤器lay-filter的值,select是form表单中元素的类型,附件如下,下载可以不用放到layui相关路径,直接在config中的base属性里面配置路径

multiSelect.zip


内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://sulao.cn/post/685.html

我要评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。