码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-09-15 10:59:56      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:

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

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

 

模型如下:

 

  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 是一个对象

 

 

 

 

  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>  

 

 

 

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

 

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

 

 

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

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

标签:

原文地址:http://www.cnblogs.com/zhuawang/p/5874387.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!