EasyUI 中 DataGrid 控件 列 如何绑定对象中的属性

EasyUI 中 DataGrid 控件 是我们经常用到的控件之一，

但是 DataGrid 控件 在绑定显示列时却不支持对象属性绑定。

 

模型如下：

 

Java代码  收藏代码
  1. public class Manager implements java.io.Serializable {  
  2.          
  3.     private Integer id;  
  4.     private Role role;  
  5.     private String loginName;  
  6.     private String password;  
  7.     private int status;  
  8.     private Date lastDate;  
  9.     private Date createAt;  
  10.     private String remarks;  
  11.   
  12.          //省略 get and  set  
  13. }  

 其中Role 是一个对象

 

 

 

 

Java代码  收藏代码
  1. <table id="manager_datagrid">  
  2.  <thead>  
  3.     <tr>  
  4.       <th data-options="field:'loginName'">帐号</th>  
  5.       <th data-options="field:'role',formatter:managerRoleFormat">所属岗位</th>  
  6.       <th data-options="field:'createAt'">创建时间</th>  
  7.       <th data-options="field:'lastDate'">最后登录时间</th>  
  8.       <th data-options="field:'status',formatter:managerStatusFormat">状态</th>  
  9.       <th data-options="field:'remarks'">备注</th>  
  10.     </tr>  
  11.  </thead>  
  12. </table>  

 

 

 

Js代码  收藏代码
  1. function managerRoleFormat(val,row){  
  2.     if(val) return val.roleName;  
  3.     else return "";  
  4. }  

 

Java代码  收藏代码
  1. function managerStatusFormat(val,row){  
  2.               
  3. switch(val){  
  4.   case 0: return '停用';  
  5.   case 1: return '正常';  
  6.   default: return '';  
  7.   }  
  8. }  

 

 

这样通过 EasyUI 给我们提供的 formatter  函数 我们就可以实现 对象属性的绑定.

posted @ 2016-07-07 16:33  我是老码农  阅读(3147)  评论(0)  编辑  收藏  举报