layui数据表格数据字典转换实现
2018-11-09 15:35
1731 查看
前言
项目中使用了贤心大大的layui(零门槛开箱即用的前端UI解决方案),但是目前缺失数据表格数据字典的转换功能(本人是没找到),以下是解决方法:延用layui中的laytpl模版引擎。
1.下载dwr的依赖包
<dependency> <groupId>org.directwebremoting</groupId> <artifactId>dwr</artifactId> <version>3.0.2-RELEASE</version> </dependency>
2. spring纯注解配置dwr的servlet
private void initializeDwrServlet(ServletContext servletContext) { Dynamic myServlet = servletContext.addServlet("dwr", DwrServlet.class); Map<String, String> initParameters=new HashMap<String, String>(); initParameters.put("debug","true"); //参数配置 myServlet.setInitParameters(initParameters); myServlet.addMapping("/dwr/*"); }
记得在项目初始化入口调用此方法,xml配置的可以写到web.xml中,这里不作说明。
3创建dwr.xml
此文件路径需放置在web-inf下
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" "http://getahead.org/dwr/dwr30.dtd"> <dwr> <allow> <create creator="new" javascript="dictionary"> <param name="class" value="com.util.DictionaryUtil"/> </create> </allow> </dwr>
创建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数据表格调用
<th lay-data="{field:'temptype',templet: '#temptypeTpl'}">类型</th> <script type="text/html" id="temptypeTpl"> {{Dictionaryvalue('dispatchFileType',d.temptype)}} </script>
相关文章推荐
- 转换layUI的数据表格中的日期格式
- Vue实现表格中对数据进行转换、处理的方法
- layui表格数据重载根据不同的条件点击事件怎么实现?
- 实现ssm加layui数据表格展示数据,搜索,编辑,分页(后台用pagehelper),排序,查看图片 ,点击查看大图(弹出层)
- 实现把字典转换为XML数据
- layui数据表格时间戳转换为时间格式的方法
- layui前端框架表格实现动态数据自动勾选复选框,摸索了很久才找到这个办法。
- Layui的数据网格,实现时间戳的前端转换!
- C++ stringstream实现不同类型数据的转换
- jquery中json数据转换为字典
- [转]jQuery实现清空table表格除首行外的所有数据
- ajax实现点击按钮从后台获取数据 以表格显示内容
- JavaScript实现动态添加页面的表格行数并获取数据
- layui实现报表数据
- 数据字典到SQL语句的转换(使用word与VBA)
- 如何实现GridView表格数据限制标题换行
- 【八】列表、字典、集合、元组间的数据类型转换总结
- [MySQL] 行列转换变化各种方法实现总结(行变列报表统计、列变行数据记录统计等)
- 【C语言】常见数据格式转换处理的代码实现
- 自己实现的数据表格控件(dataTable),支持自定义样式和标题数据、ajax等各种自定义设置以及分页自定义