0
点赞
收藏
分享

微信扫一扫

layui 插件 interact 多级联动 使用手册


1、下载​​https://fly.layui.com/extend/interact/​​插件

安装路径:\public\static\layuiadmin\modules 

这里是安装到后台模板中,自己的要看看是那里。没有layuiadmin模板,那按layui官方要求安装

layui 插件 interact 多级联动 使用手册_html

2、JS部分

  }).use(['index', 'form','layer', 'upload','inte'], function(){
var $ = layui.$
,layer = layui.layer
,inte = layui.inte//inte 无限级别联动 扩展插件
,upload = layui.upload
,form = layui.form;

inte.render({
elem : '.department',
ic: 'layui-col-md4',
url: '{:url('common/select_more')}',
hint: ['请选择部门','请选择二部门','请选择三部门'],
name : ['department_id','department_id2','department_id3'],
});

layui 插件 interact 多级联动 使用手册_d3_02

3、HTML部分

layui 插件 interact 多级联动 使用手册_后台模板_03

       <div class="layui-card">
<div class="layui-card-header">部门</div>
<div class="layui-card-body layui-row layui-col-space10 department" >

</div>
</div>

layui 插件 interact 多级联动 使用手册_html_04

elem : '.department',

 

举报

相关推荐

0 条评论