从数据库中提取的信息,有时候需要后期处理一下,easy_ui给了我们很好的一个方法,根据easy_ui生成datagridview的两种方式,下面用两种方式来格式化显示数据信息

1,通过脚本生成的datagridview,这个时候在制定列属性的时候,我们可以添加formatter方法,如下所示

  1. $('#gridTable').datagrid({
  2. title: '系统通知及广告管理',
  3. loadMsg:'数据加载中,请稍后……',
  4. rownumbers: true,
  5. pagination: true,
  6. singleSelect: false,
  7. pageSize: 10,
  8. pageList: [5, 10, 15, 20],
  9. fitColumns: true,
  10. fit: true,
  11. striped: true,
  12. nowrap: false,
  13. url: 'list.do',
  14. idField:'mediaId',
  15. columns:[[
  16. {field:'id',checkbox:true},
  17. {field:'system',title:'适用系统'},
  18. {field:'infoType',title:'消息类型',
  19. formatter:
  20. function(value, row, index){
  21. if(value==1)
  22. return "文本";
  23. if(value==2)
  24. return "图片";
  25. if(value==3)
  26. return "视频";
  27. else
  28. return "<span style=\"color:red\" >未知</span>";
  29. }},
  30. {field:'title',title:'标题'},
  31. {field:'content',title:'内容',width:140},
  32. {field:'issueTime',title:'生效时间',
  33. formatter:function(value,row,index){
  34. var unixTimestamp = new Date(value);
  35. return unixTimestamp.toLocaleString();
  36. }
  37. },
  38. {field:'disabledTime',title:'失效时间'},
  39. {field:'userId',title:'用户ID'},
  40. {field:'userName',title:'操作员'}
  41. ]],

用这样的方式生成格式化时间和显示内容,

第二种方法,直接生成table,然后给formatter制定方法

  1. <table id="dg" title="用户信息管理" class="easyui-datagrid" style="width:100%;height:95%"
  2. url="/sysuser/queryAllUser"
  3. toolbar="#toolbar" pagination="true"
  4. rownumbers="true" fitColumns="true" singleSelect="true">
  5. <thead>
  6. <tr>
  7. <th field="userId" width="50">用户编号</th>
  8. <th field="unitName" width="50">用户单位</th>
  9. <th field="userName" width="50">用户名字</th>
  10. <th field="lastLoginDate" formatter="jsonTimeStamp" width="50">上次登录时间</th>
  11. <th field="isLocked" width="50" formatter="formatlock">是否锁定</th>
  12. </tr>
  13. </thead>
  14. </table>

此时的jsonTimeStamp和formatlock方法如下,将其放入html的scrpits下或者单独做一个common.js

  1. /**
  2. * @param value 将用户的状态信息解析为汉字状态信息
  3. * @author lyy
  4. * @desc 0-未锁定 1-锁定
  5. */
  6. function formatlock(value){
  7. if(value==0)
  8. return "<span style=\"color:green\" >未锁定</span>";
  9. else
  10. return "<span style=\"color:red\" >锁定</span>";
  11. }
  12. /**
  13. * @param milliseconds 要转换的时间豪秒数
  14. * @author lyy
  15. * @desc 将毫秒时间转换为2010-1-1 1:1:1这样的格式
  16. */
  17. function jsonTimeStamp(milliseconds) {
  18. if (milliseconds != "" && milliseconds != null && milliseconds != "null") {
  19. var datetime = new Date();
  20. datetime.setTime(milliseconds);
  21. var year = datetime.getFullYear();
  22. var month = datetime.getMonth() + 1 < 10 ? "0"
  23. + (datetime.getMonth() + 1) : datetime.getMonth() + 1;
  24. var date = datetime.getDate() < 10 ? "0" + datetime.getDate()
  25. : datetime.getDate();
  26. var hour = datetime.getHours() < 10 ? "0" + datetime.getHours()
  27. : datetime.getHours();
  28. var minute = datetime.getMinutes() < 10 ? "0"
  29. + datetime.getMinutes() : datetime.getMinutes();
  30. var second = datetime.getSeconds() < 10 ? "0"
  31. + datetime.getSeconds() : datetime.getSeconds();
  32. return year + "-" + month + "-" + date + " " + hour + ":" + minute
  33. + ":" + second;
  34. } else {
  35. return "";
  36. }
  37. }

easy_UI datagrid view数据格式化的更多相关文章

  1. easyui数据网格视图(Datagrid View)的简单应用

    下面介绍datagrid的数据网格详细视图和数据网格的分组视图 1.先引用的js和css文件 1)包含eauyui必备的四个文件easyui.css,icon.css, jquery-min.js.j ...

  2. SpringMVC框架下数据的增删改查,数据类型转换,数据格式化,数据校验,错误输入的消息回显

    在eclipse中javaEE环境下: 这儿并没有连接数据库,而是将数据存放在map集合中: 将各种架包导入lib下... web.xml文件配置为 <?xml version="1. ...

  3. PHP json数据格式化方法

    php 的json_encode能把数组转换为json格式的字符串.字符串没有缩进,中文会转为unicode编码,例如\u975a\u4ed4.人阅读比较困难.现在这个方法在json_encode的基 ...

  4. easyui 的 DataGrid View 使用

    easyui真是后台人员的宝呀,让不会前台的程序员,不用再用那些自己看着都恶心的表格了! 今天来说说easyui datagrid 的 数据表格详细展示表格,这个有趣多了! 先上图 然后是代码 $(' ...

  5. SpringMVC(三)-- 视图和视图解析器、数据格式化标签、数据类型转换、SpringMVC处理JSON数据、文件上传

    1.视图和视图解析器 请求处理方法执行完成后,最终返回一个 ModelAndView 对象 对于那些返回 String,View 或 ModeMap 等类型的处理方法,SpringMVC 也会在内部将 ...

  6. python数据格式化之pprint

    python数据格式化之pprint 2017年06月17日 13:56:33 阅读数:2291 简介 pprint模块 提供了打印出任何Python数据结构类和方法. 模块方法: 1.class p ...

  7. SpringMVC的数据转换&&数据格式化&&数据校验

    1 SpringMVC的数据绑定流程 SpringMVC将ServletRequest对象及目标方法的入参实例传递给WebDataBinderFactory实例,以创建DataBinder实例对象. ...

  8. jQuery easyui datagrid 的数据加载

        其实easyuidatagrid加载数据只有两种方式:一种是ajax加载目标url返回的json数据:另一种是加载js对象,也就是使用loadDate方法,这种方法用于加载本地js数据(非ur ...

  9. SpringMVC 数据转换 & 数据格式化 & 数据校验

    数据绑定流程 1. Spring MVC 主框架将 ServletRequest 对象及目标方法的入参实例传递给 WebDataBinderFactory 实例,以创建 DataBinder 实例对象 ...

随机推荐

  1. Android获取屏幕的宽度和高度(dp)

    public void getAndroiodScreenProperty() { WindowManager wm = (WindowManager) this.getSystemService(C ...

  2. JQuery给动态HTML绑定事件

    说明:涉及到事件委托原理,这里不深究了. 直接使用live或者delegate去实现.网上说on也可以,没测试过. 注意:live在新版的JQuery已经取消.on在比较新的版本才支持. 参考: ht ...

  3. DICOM中几个判断图像方向的tag

    在DICOM标准里,有三个TAG与成像的方向相关. 参考来源:Kitware关于DICOM方向的说明 http://public.kitware.com/IGSTKWIKI/index.php/DIC ...

  4. camera主观测试经验分享.ppt33页

    http://max.book118.com/html/2016/0802/50061502.shtm http://www.docin.com/p-1408441708.html

  5. @value

    通过name来获取bean对象. 这一点eclipse就没有intelliJ好,拉到方法内部上面就不现实方法名了,这里是上面调用的方法的内部. 处理内部属性: 然后就在这里抛出异常了: 我们打个deb ...

  6. There is insufficient memory for the Java Runtime Environment to continue问题解决

    在linux系统下长时间进行性能測试,连续几次发生server假死无法连接上的情况,无奈仅仅能重新启动server.在測试路径下发现hs_err_pid17285.log文件,打开文件查看其主要内容例 ...

  7. 微信团队分享:iOS版微信是如何防止特殊字符导致的炸群、APP崩溃的?

    本文来自微信开发团队yanyang的技术分享. 1.引言 相信大家都遇到过一段特殊文本可以让iOS设备所有app闪退的经历.前段时间大年初一,又出现某个印度语字符引起iOS11系统奔溃,所幸iOS版微 ...

  8. 单用户模式下mount -o remount,rw / 有大用途

    我们的Linux系统在无法启动时候,通常需要进入单用户模式下进行修改一些配置文件,或调整一些参数方可.但是在进入单用户模式后,我们的/文件系统是只读模式,无法进行修改,那么这个时候我们就需要用到一条命 ...

  9. ACE_Task::putq(转)

    int ACE_Task< ACE_SYNCH_DECL >::putq (     ACE_Message_Block * , ACE_Time_Value *     timeout ...

  10. Docker 安装docker-compose多容器管理服务

    原文地址:https://github.com/eacdy/spring-cloud-book/blob/master/3%20%E4%BD%BF%E7%94%A8Docker%E6%9E%84%E5 ...