extjs - 如何设置网格的列数据索引，如depart.name

Question

我有两节课

public class Employee
{
    int id;
    String name;
    Depart depart;
}

public class Depart
{
    int id;
    String name;
}

所以我将员工数据查询回extjs，例如

{total:2,list:[{"id":1,,"name":"jack",depart:{"id":1,"name":"departA"},{"id":2,,"name":"rose",depart:{"id":2,"name":"departB"}}

我将模型设置为

{
    ....

    {
        type: 'string',
        name: 'depart.name'
    }    

    ....
}

在网格的列中，我这样设置

{
    ...
    dataIndex: 'depart.name',
    ...
}

但是网格的栏目不能显示出发的名字，怎么办？谢谢！

Answer 1

使用渲染器功能。

dataIndex : "anything",
renderer  : function (val,record) {
     return record.data.depart.name;
}

Answer 2

您可以使用映射来做到这一点。

fields: [
    { name: 'depart_name', type: 'string', mapping: 'depart.name'}
]

在网格的列中：

{
    ...
    dataIndex: 'depart_name',
    ...
}