layui xm-select的使用

1.引用js
2.

 <div><div id="handle_userArr0" class="xm-select-demo"></div></div>

一般在layui中，下拉框用xm-select 比较方便。

var handle_userArr0 =ltreedata(handle_userArr0, dbcode, "1", "handle_userArr0", "select_id0");function ltreedata(select, dbcode, sysid, demo, selectid) {$.ajax({type: "GET",dataType: "json",url: "//", //或者xm-select tree的数据async: true,data: { dbcode: dbcode, sysid: sysid }, //对应的参数success: function (res) {var select_id = $("#" + selectid).val().split(","); // 这里是拿到数据库的值，编辑时可默认选中select = xmSelect.render({el: '#' + demo, //div的idmodel: {label: {type: 'block',block: {//最大显示数量, 0:不限制showCount: 3,//是否显示删除图标showIcon: true,}}},theme: {color: '#e54d42', // 主题颜色},direction: 'down', //选择框向下tree: {show: true,strict: false,expandedKeys: select_id,//默认展开选中的节点},height: "200px", initValue: select_id,//初始化data: res,autoRow: true,on: function (data) {var selectArr = data.arr.map(function (user) { return user.value; }); //把数据写入selectArr中去存var s = "";for (var i = 0; i < selectArr.length; i++) {s += selectArr[i] + ",";}selectArr = s.substring(0, s.length - 1);$("#" + selectid).val(selectArr); //把选中的值写入input中，后面保存用}})}});}

4.xm-select 的详细官方使用文档
https://maplemei.gitee.io/xm-select/#/senior/update

layui xm-select的使用相关推荐

layui给select下拉框赋值
layui给select下拉框赋值 //重新渲染表单函数function renderForm() {layui.use('form', function() {var form = layui.fo ...
vue动态跟新layui的select_vue+layui实现select动态加载后台数据的例子
vue+layui实现select动态加载后台数据的例子发布时间:2020-09-18 22:51:36 来源:脚本之家阅读:85 作者:qq_26814945 刚开始由于layui form渲染 ...
layui 渲染select下拉选项，日期控件的用法
最近项目中用到关于layui的前端技术,在使用layui 渲染select option下拉复选框时出现了没有值渲染的问题,还有使用layui日期的过程 ,接下来就一起看看吧. /** *从后台渲染 ...
layui表单的ajax联动,layui的select联动实现代码
要实现联动效果注意两点: 第一要可以监听到select的change事件: 第二异步加载的内容,需要重新渲染后才可以正常使用. html结构: 所在省份: 请选择省份 ${provincelist. ...
layui实现select下拉选择框组件（含代码、案例、截图）
layui实现select下拉选择框组件(含代码.案例.截图) 案例 · 效果图: 全部代码如下: <!DOCTYPE html> <html> <head>< ...
基于layui的select区域联动
2019独角兽企业重金招聘Python工程师标准>>> 基于layui的select区域联动要实现联动效果注意两点: 第一要可以监听到select的change事件: 第二异步加载 ...
编程案例——layui的table表格并获取选中的数据、layui监控select下拉框并将隐藏的div显示
layui table表格展示效果代码前端代码后端代码:我们需要注意后端给前端返回数据的格式获取radio标签所对应的数据条目问题描述解决办法 layui监控select下拉框并将隐藏的 ...
layui的form表单提交数据，layui的select框默认选中
1.提交数据 1.1html <form class="layui-form" action="" method=""> < ...
关于layui下select下拉框不显示问题解决办法
学习笔记,仅供参考,有错必纠参考自:解决Layui动态生成select下拉选择框不显示问题我想在layui框架下添加一个下拉框,但是按照layui官方文档说明添加后,下拉框却不显示,代码如下: & ...
layUI禁用select下拉框
禁用:设置为 disabled <select name="id" disabled lay-filter="industry">...</s ...

layui xm-select的使用

layui xm-select的使用相关推荐

最新文章

热门文章