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

2022-11-14 20:07:40

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

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

模型如下：

public class Manager implements java.io.Serializable {
private Integer id;
private Role role;
private String loginName;
private String password;
private int status;
private Date lastDate;
private Date createAt;
private String remarks;
//省略 get and set
}

其中Role 是一个对象

<table id="manager_datagrid">
<thead>
<tr>
<th data-options="field:'loginName'">帐号</th>
<th data-options="field:'role',formatter:managerRoleFormat">所属岗位</th>
<th data-options="field:'createAt'">创建时间</th>
<th data-options="field:'lastDate'">最后登录时间</th>
<th data-options="field:'status',formatter:managerStatusFormat">状态</th>
<th data-options="field:'remarks'">备注</th>
</tr>
</thead>
</table>

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

function managerStatusFormat(val,row){
switch(val){
case 0: return '停用';
case 1: return '正常';
default: return '';
}
}

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