00031-layui 树形下拉选择 xmSelect(一):树数据一次加载
2020-09-15 22:17
1376 查看
<div class="layui-form-item layui-form-item-my" > <label class="layui-form-label">行业</label> <div class="layui-input-block"> <div id="industrySel" ></div> <input type="hidden" name="industryId" > <input type="hidden" name="industry"> </div> </div>
var industryTreeData = []; var rtnIndustry = admin.syncReq(ctx+'/base/baseIndustryCategory/industryTreeList',{}); if(rtnIndustry.code==0){ industryTreeData = rtnIndustry.data; } var industryXmSelect = xmSelect.render({ el: '#industrySel', prop:{name:'name',value:'id'}, clickClose:true, radio:true, filterable: true, data: industryTreeData, tree:{ show:true, expandedKeys:[], strict:false, }, on:function (data) { setTimeout(function () { var valueStr = industryXmSelect.getValue("valueStr"); var nameStr = industryXmSelect.getValue("nameStr"); if(valueStr){ $("[name=industryId]").val(valueStr); }else{ $("[name=industryId]").val(""); } if(nameStr){ $("[name=industry]").val(nameStr); }else{ $("[name=industry]").val(nameStr); } },500) } }); var industryId = formData.industryId; if(industryId){ industryXmSelect.setValue((""+industryId).split(",")) }
效果:
相关文章推荐
- 00032-layui 树形下拉选择 xmSelect(二):数据懒加载
- 00032-layui 树形下拉选择 xmSelect(二):数据懒加载
- LayUi 树形组件tree 实现懒加载模式,异步加载子节点数据
- ExtJS 4.2 树形结构请求后台数据无法展示子节点,而是没点击一次请求一次数据,无限请求加载所有的父节点元素
- 代码: 两列图片瀑布流(一次后台取数据,图片懒加载。下拉后分批显示图片。图片高度未知,当图片onload后才显示容器)
- //选择完下拉框后加载数据
- 【java基础 5】树形结构数据加载的思考
- layui实现下拉复选功能的例子(包括数据的回显与上传)
- 定义LIstView下拉加载数据
- 解决vue+element-ui项目中表格树形结构子节点数据重新加载问题【项目中实践】
- Ajax+Redis+Mysql 实现下拉框数据加载
- Extjs combobox首次加载自动选择上一次配置信息
- Extjs4.2 表格动态数据加载,以及动态选择分页条目,前后台详解
- js几个简单的工具类函数 事件绑定处理、加载数据字典下拉框、重新加载下拉框、参数处理
- ajax+jquery+flea+smarty实现了通过选择下拉列表动态显示相应的数据
- jquery移动端往下拉加载数据插件
- Ajax 下拉加载数据
- Bootstrap 模态对话框只加载一次 remote 数据的解决办法
- Bootstrap modal只加载一次数据的解决办法(推荐)
- layui监听select下拉框获取数据通过doT.js加载页面多选框