关于layui:00033layui-自定义-字典模块-及-工具方法

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 =  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);