Extjs 4.0 MVC - проблема с областью действия функции визуализации столбца

Question

Я не понимаю, почему я не могу использовать функцию ' myRendInside ' для рендеринга столбца сетки. Я должен использовать myRendGlobal ИЛИ я также могу сделать 'renderer: function(val) {blah blah'. this.myRendInside не разрешается.

function myRendGlobal (val, metaData, record, rowIndex, colIndex, store) {
        return val + 'abc'
        };
 Ext.define('AM.view.Event.Grid', {
        extend: 'Ext.grid.Panel',
         myRendInside: function (val, metaData, record, rowIndex, colIndex, store) {
            return val + 'xyz'
        },
        columns: [{
            dataIndex: 'name', renderer : this.myRendInside
        },
        {
            dataIndex: 'phone', renderer : myRendGlobal
        },  
        .
        .
        .

Answer 1

Это можно исправить, определив столбцы в конструкторе или методе initComponent.Метод, который вы хотите назначить в качестве средства визуализации, недоступен до этой точки в жизненном цикле компонента.

    initComponent(){
        this.columns: [{
        dataIndex: 'name', renderer : this.myRendInside
        }
        ...
        ]
        this.callParent(arguments);        
    }