(急结贴！)extJs的GridPanel列值

用GridPanel显示列表，其中有一列需要用到jsonStore的多个field。比如有以下jsonStore
JScript code

    var jsonStore= new Ext.data.JsonStore({ 
        root: 'topics',
        totalProperty: 'totalCount',

    fields: ['f1', 'f2','f3', 'f4'],

        proxy: new Ext.data.HttpProxy({
            url: 'http://xxx/xxx'
            method: 'GET'
        })
    });

传统的显示方式是一列一个field，比如下面这个样子
JScript code

        var grid = new Ext.grid.GridPanel({
            width: 800,
            autoHeight:'true',
            store: jsonStore,

            // grid columns
            columns:[
                {
                    header: "F1",
                    dataIndex: 'f1',
                    width: 100,
                },
                {
                    header: "F2",
                    dataIndex: 'f2',
                    width: 100,
                }
            ]
        });

现在需要将f1,f2,f3三个field的值一起显示到GridPanel的一列中，怎么做呢？

说说我的思路：
方法一，在后台把f1，f2,f3,三列的值放在一个json的value中
方法二，如果一定要在前台进行操作不可，也有两种方法（前台处理效率较低，出错的可能性也很大，如果不是必须，不建议这样做）
  A：先用Ext.Ajax接收后台传来的数据，进行再加工后（比如将f1，f2，f3放到一列）。
  loadData()到Store中
  B：直接重写Grid，这个难度比较大，可重用性也不强，不建议这样做。