javascript - ExtJS 列渲染器没有被调用

Question

我无法弄清楚为什么我的分组列网格的客户渲染器没有被调用。

Ext.define('PT.view.deal.YearCol', {
    extend: 'Ext.grid.column.Column',
    alias: 'widget.yearcolumn',
    columns: [
        {   
            text: 1,
            renderer: function(v, m, r) { 
                console.log('renderer called');  // THIS IS NEVER CALLED!!!!!!!!
                return custom(r);
            }
        },
            ...
    ]
});

Ext.define('PT.view.deal.QuarterlyGrid', {
    extend: 'Ext.grid.Panel',

    columns: [
        { 
            text: 'Item Number', 
            dataIndex: 'Item_Number'
        },
        {
            xtype: 'yearcolumn',
            text: 2013
        },
        ...
    ]
});

网格列/标题正确显示，但未呈现网格数据。为什么没有调用该函数？

Answer 1

你用的是什么版本？这在 4.2.0 中对我来说没问题：

Ext.define('PT.view.deal.YearCol', {
    extend: 'Ext.grid.column.Column',
    alias: 'widget.yearcolumn',
    columns: [{
        text: 1,
        renderer: function(v, m, r) {
            return r.get('foo');
        }
    }]
});

Ext.define('Grid', {
    extend: 'Ext.grid.Panel',

    columns: [{
        text: 'Item Number',
        dataIndex: 'Item_Number'
    }, {
        xtype: 'yearcolumn',
        text: 2013
    }]
}); 

Ext.onReady(function() {

    new Grid({
        width: 200,
        height: 200,
        renderTo: document.body,
        store: {
            fields: ['Item_Number', 'foo'],
            data: [{
                Item_Number: 1,
                foo: 2
            }]
        }
    });

});