EasyUI datagrid json嵌套的object数据在datagrid中的显示方法

案例使用员工emp和部门dept来演示。

实体对象
emp和dept

public class Dept implements java.io.Serializable {

    private Integer deptid;
    private String deptname;

public class Emp implements java.io.Serializable {

    private Integer empid;
    private String empname;
    private Date empdate;
    private Dept dept;

Action类
使用hibernate得到员工List集合，然后转换成Json传给JSP

public String getEmpData() {
        List<Emp> emps = empService.getEmps(page, rows);
        try {
            writer.write(JSONUtil.serialize(emps));
        } catch (JSONException e) {
            e.printStackTrace();
        }
        return null;
    }

JSP页面

<table id="dg" title="用户列表" class="easyui-datagrid" style="width:100%;height:90%;"
            url="${pageContext.request.contextPath}/emp_getEmpData"
            toolbar="#toolbar" pagination="true" pagesize="20"
            rownumbers="true" fitColumns="true" singleSelect="true">
        <thead>
            <tr>
                <th field="empid" width="65">编号</th>
                <th field="empname" width="100">姓名</th>
                <th field="empdate" width="100">入职日期</th>
                <th field="dept" formatter="deal_dept" width="100">部门</th>
            </tr>
        </thead>
    </table>

JS代码

function deal_dept(value,row,rowIndex) {
            if(row.dept!=undefined){
                return row.dept.deptname;
            }
        }

查询结果