首页 > 代码库 > EasyUI 中 DataGrid 控件 列 如何绑定对象中的属性

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

2024-08-13 10:37:33   216人阅读

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 控件 列 如何绑定对象中的属性


联系
我们