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

时间:2023-03-08 16:35:55

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

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

模型如下:

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

其中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. switch(val){
  3. case 0: return '停用';
  4. case 1: return '正常';
  5. default: return '';
  6. }
  7. }

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