如何在extJS网格上动态加载widget网格列

Ext.create('Ext.grid.Panel', {
    title: '动态加载widget的网格',
    store: Ext.create('Ext.data.Store', {
        fields: ['name', 'age'],
        data: [
            { name: 'John', age: 30 },
            { name: 'Jane', age: 25 },
            { name: 'Bob', age: 35 }
        ]
    }),
    columns: [
        { text: '姓名', dataIndex: 'name' },
        { 
            text: '年龄', 
            dataIndex: 'age', 
            renderer: function(value, metaData, record) {
                // 根据条件判断是否需要加载widget
                if (record.get('age') > 30) {
                    // 创建widget实例
                    var widget = Ext.widget('textfield', {
                        value: value,
                        readOnly: true
                    });
                    // 渲染widget到单元格中
                    widget.render(metaData.cell);
                } else {
                    return value;
                }
            }
        }
    ],
    renderTo: Ext.getBody()
});