let select_arr = []; let xmselect_dom; // 初始化多选下拉框 xmselect_dom = xmSelect.render({ el: '#doors', // 选择器 name: 'doors', // input name max: 2, data: [] }); 动态渲染并给默认选中值 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 2...
>;varmote_select = xmSelect.render({el:'#mote_select',filterable:true,radio:true,// 启用单选模式searchTips:'请输入中文或英文',data: motelistDataJS,on:function(data) {varvalues = data.arr.map(item=>item.value).join(',');// 确保这一步正确获取到当前的值document.getElementById('mote_id...
xm-select演示站点 历史版本 前往formSelectes 联系方式 QQ群: 660408068 更新日志 软件架构 引入第三方preact库, 利用jsx渲染页面结构 使用webpack进行打包 快读上手 直接使用 1. 引入 `dist/xm-select.js` 2. 写一个`<div id="demo1"></div>` 3. 渲染 var demo1 = xmSelect.render({ el: '#demo1...
一个简单的小栗子,看看如何使用xm-select.js 第一步: 下载 第二步: 引入 xm-select.js 第三步: 写一个`<div id="demo1"></div>` 第四步: 渲染 1 2 3 4 5 6 7 8 9 vardemo1 = xmSelect.render({ el:'#demo1', language:'zn', ...
xm-select-demo,选择容器 隐藏赋值取值表单; <divid="selected_box"class="layui-input-inline xm-select-demo"style="width:150px;"><inputtype="hidden"id="poi_category_id"></div> 1. 异步获取代码 //获取分类; $.ajax({ type:'get',
var demo1 = xmSelect.render({ el: '#demo1', tips: '选择ITEM',//选项提示文字 radio: true,//单选 paging: true,//是否翻页 pageSize: 10,//每页数量 filterable: true,//搜索模式 remoteSearch: true,//远程搜索 remoteMethod: function (val, cb, show) { //远程数据接口调用 }) 远程数据接口...
先说下动机,在写测试小工具的时候(基于layui+springboot框架),要用到一个多选框组件,layui官网上研究了下合适的扩展组件,感觉xm-select比较符合,下面分享下用该组件遇到的那些1,2,3吧! 下载对应的JS 在layui官网扩展组件页面中,有多款网友分享的好用的扩展组件,可按最近和人气排序。找到xm-select,下载资源包...
xm-select使用了新的开发方式, 利用preact进行渲染, 大幅度提高渲染速度, 并且可以灵活拓展 第一步 Layui基础库下载 引入xm-select.js 写一个<div id="demo1"></div> 渲染: vardemo1=xmSelect.render({el:'#demo1',language:'zn',data:[{name:'张三',value:1},{name:'李四',value:2},{name:'王...
1.下载 xm-select 下拉框 下载地址:https://gitee.com/maplemei/xm-select/releases/tag/v1.2.4 下载后解压,复制 xm-select.js 到项目中。 放在js 文件夹中。 2.使用 xm-select 下拉框 在项目 layui.js 后面引入 xm-select.js 文件。 顶部搜索中的图书分类下拉框,修改为使用 xm-select 下拉框。
layui下拉搜索框。xm-select layui下拉搜索框。xm-select 1.下载 把 xm-select 下载下来，。解压把 xm-select.js 放到项⽬⾥；2.引⼊js⽂件 在页⾯引⼊ xm-select.js <script type="text/javascript" src="js/xm-select.js"></script> 3. div 标签 <div class="layui-form-item"> <...