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)
            })
        }
相关推荐
brzhang7 分钟前
代码即图表:dbdiagram.io让数据库建模变得简单高效
前端·后端·架构
三巧17 分钟前
纯CSS吃豆人(JS仅控制进度)
javascript·css·html
SummerGao.19 分钟前
【解决】layui layer的提示框,弹出框一闪而过的问题
前端·layui
软件技术NINI35 分钟前
html css js网页制作成品——HTML+CSS+js美甲店网页设计(5页)附源码
javascript·css·html
天天扭码1 小时前
从数组到对象:JavaScript 遍历语法全解析(ES5 到 ES6 + 超详细指南)
前端·javascript·面试
拉不动的猪1 小时前
前端开发中常见的数据结构优化问题
前端·javascript·面试
街尾杂货店&1 小时前
css word
前端·css
Мартин.1 小时前
[Meachines] [Hard] CrimeStoppers LFI+ZIP-Shell+Firefox-Dec+DLINK+rootme-0.5
前端·firefox
冰镇生鲜1 小时前
快速静态界面 MDC规则约束 示范
前端
技术与健康1 小时前
【解读】Chrome 浏览器实验性功能全景
前端·chrome