layui数据表格数据字典转换实现

前言

项目中使用了贤心大大的layui(零门槛开箱即用的前端UI解决方案),但是目前缺失数据表格数据字典的转换功能（本人是没找到），以下是解决方法：延用layui中的laytpl模版引擎。

1.下载dwr的依赖包

    org.directwebremoting
    dwr
    3.0.2-RELEASE

2. spring纯注解配置dwr的servlet

private void initializeDwrServlet(ServletContext servletContext) {
    Dynamic myServlet =
            servletContext.addServlet("dwr", DwrServlet.class);
    Map initParameters=new HashMap();
    initParameters.put("debug","true");        //参数配置
    myServlet.setInitParameters(initParameters);
    myServlet.addMapping("/dwr/*");
}

记得在项目初始化入口调用此方法，xml配置的可以写到web.xml中，这里不作说明。

3创建dwr.xml

此文件路径需放置在web-inf下

创建DictionaryUtil后台转换数据字典静态方法：

public class DictionaryUtil {
    public static String getValue(String sCatalog, String sKey) {
      //从缓存中读取数据字典，返回值返回
        return value;
    }
}

4 配置成功说明

ip/应用/dwr/test/dictionary； 浏览器输入地址出现页面则说明配置成功。

页面会有两个js路径，记录好路径即可，在调用页面需要引入engine.js和dictionary.js(根据配置文件中的名称而来)

5公共的js方法

var Dictionaryvalue = function(catalogcode,key){ //1.数据字典编码2参数key
    var dicvalue;
    Dictionary.getValue(catalogcode,key,{
        callback:function(data){dicvalue = data;
        },
        async:false
    }  );
    return  dicvalue;
}

6 layui数据表格调用

类型