layui xm-select的使用

一、文档

xm-select

二、使用

html 复制代码
<div id="js-form-tags{$ke}{$index++}" val="{$ke}"></div>
<input type="hidden" class="selectkey" name="selectkey[]" value="{$ke}" />
javascript 复制代码
function initSelect(id,init)
        {
            
            xmSelect.render({
                el: '#'+id, 
                model: { label: { type: 'text' } },
                tree: {
                    show: true,
                    showFolderIcon: true,
                    showLine: true,
                    indent: 20,
                    expandedKeys: [ -3 ],
                    strict: false,// 严格父子结构,true时,父级选中和取消选中其子级同步取消和选中;false时,父级不会影响子级的选中,注意位置在内层
                },
                radio: true,//控制单选和多选
                expandedKeys: [],
                clickClose: true,
                language: 'zn',
                size: 'mini',
                single: true,
                style:{width:'215px',border: '1px solid #468',minHeight:'22px'},
                theme: {
                    color: '#1E9FFF',
                },
                show(){
                    console.log('show')
                    
                },
                on(data){
                    console.log(data)
                    console.log('on')
                    console.log($(this))
                    $("#"+id).siblings('input').val(data.change[0].value)
                },
                hide(){
                    console.log('hide')
                    setTimeout(() => {
                        $("#"+id).find('xm-select').css('border','1px solid #468')
                    }, 1);
                },
                initValue: [init],// 下拉框需要有初始选中值时,赋值此项
                height: '200px',
                searchTips: '搜索',// 是否显示搜索框
                filterable: true,// 是否显示搜索框
                toolbar: {
                    show: false,
                    list: ['ALL','CLEAR']
                },// 是否显示清空和全选
                data: JSON.parse(tags)
            })
        }
相关推荐
想要成为祖国的花朵14 分钟前
Web前端_HTML5(新增type类型)
前端·html·html5
羊小猪~~20 分钟前
前端入门一之HTML知识讲解
前端·javascript·css·前端框架·html·html5
DogEgg_00133 分钟前
前端八股文(二)CSS 持续更新中。。。
前端·css
贩卖纯净水.39 分钟前
初识CSS
前端·css·html
JerryXZR43 分钟前
前端开发中常见的ES6技术细节分享一
前端·javascript·es6
强_子1 小时前
docker搭建guacamole,web远程桌面
前端·docker·容器
觅_1 小时前
HTML 鼠标滑动 页面的header背景从透明色变为黑色
前端·html·web
小样还想跑1 小时前
Vue2中使用firefox的pdfjs进行文件文件流预览
前端·firefox
前端李易安2 小时前
ES6中WeakSet数据结构的常用方法和使用场景
java·javascript·es6
牛先森家的牛奶2 小时前
elementui中的新增弹窗在新增数据成功后再新增 发现数据无法清除解决方法
前端·javascript·elementui