layui.define(['jquery','form'], function(exports){ var $ = layui.jquery; var form = layui.form; var element = layui.element; /*var dictJson = { "status":[[1,"失常"],[2,"禁用"]], "yesNot":[[1,"是"],[2,"否"]], "bool":[[true,"是"],[false,"否"]] };*/ var dictJson = layui.sessionData(layui.setter.tableName).dictJson; var obj = { /** * * @param treeList * 构造(javaBean)： * private String name; * private String code; * //代码类型1-int 2-bool 3-string private Integer type; private Long parentId; private Integer sortOrder; private List<BaseCategoryPo> children = new ArrayList<BaseCategoryPo>(); * @returns 返回格局示例： * { "status":[[1,"失常"],[2,"禁用"]], "yesNot":[[1,"是"],[2,"否"]], "bool":[[true,"是"],[false,"否"]] }; */ treeToDictJson:function (treeList) { var rtnJson = {}; for(var i=0;i<treeList.length;i++){ var vo= treeList[i]; var code = vo.code; var type = vo.type; var children = vo.children; if(children){ var dictArr = []; for(var j=0;j<children.length;j++){ var dictRec = []; var c_vo = children[j]; var c_name = c_vo.name; var c_code = c_vo.code; var c_type = c_vo.type; if(type==1){ dictRec.push(parseInt(c_code)) }else if(type==2){ dictRec.push(c_code=='true'?true:false) }else { dictRec.push(c_code); } dictRec.push(c_name); dictArr.push(dictRec) } rtnJson[code] = dictArr; } } return rtnJson; }, options:function(name){ var list = dictJson[name]; if(!list){ return null; } return list; }, /** * layui 动静渲染select * @param id * @param name * @param defaultVal */ setSelect:function (id,name,defaultVal) { $("#"+id).empty(); $("#"+id).append(new Option("请抉择","")); var list = obj.options(name); if(!list){ return; } $.each(list,function(index,item){ var option = new Option(item[1],item[0]); if(item[0]==defaultVal){ option.selected=true; } $("#"+id).append(option) }); layui.form.render("select"); layui.element.render(); }, /** * 依据字典分类和值取显示值 * @param name 字典分类名称code * @param val 字典值 * @returns {string} 显示值 */ showName:function (name,val) { var list = obj.options(name); if(!list){ return ''; } var html = ''; $.each(list,function(index,item){ if(item[0]==val){ html = item[1] return; } }); return html; }, /** * layui 动静渲染radio * @param id * @param name * @param defaultVal */ setRadio:function (id,name,defaultVal) { $("#"+id).html(""); var list = obj.options(name); if(!list){ return; } $.each(list,function(index,item){ var radioHtml = '<input type="radio" name="'+name+'" value="'+item[0]+'" title="'+item[1]+'" '; if(item[0]==defaultVal){ radioHtml+='checked=""'; } radioHtml+='>'; $("#"+id).append(radioHtml) }); layui.form.render(); layui.element.render(); }, /** * layui 动静渲染switch * @param name * @param val */ setSwitch:function (name,val) { if(!val){ val = false; } var elem = $("[name="+name+"]"); if(val==0 || val==false){ elem.removeAttr("checked"); elem.val(false) }else{ elem.attr("checked",true); elem.val(true) } form.on('switch(form-switch)', function(data){ $(data.elem).val(data.elem.checked) }); } }; //输入接口 exports('dict', obj);});dict.js 文件地位：layuiadmin/modules/dict.js
援用：
layui.config({ base: '${ctxLayui}/layuiadmin/'}).extend({ index: 'lib/index'}).use(['index', 'form','dict','laydate','util'], function(){ var $ = layui.$ ,form = layui.form; var dict = layui.dict; layui 动静渲染select 的应用：
html:
<select name="status" lay-verify="required" id="status" lay-filter="status"></select>js:
dict.setSelect("status","status",formData?formData.status:1);layui 动静渲染radio 的应用：
html:
<div class="layui-input-block" id="status_radio" ></div>js:
dict.setRadio("status_radio","status",formData?(formData.status?formData.status:1):1);layui 动静渲染switch 的应用：
html:
<input type="checkbox" name="isException" lay-filter="form-switch" lay-skin="switch" lay-text="是|否">js:
dict.setSwitch("isException",formData?(formData.isException?formData.isException:0):0);