如何为extJS Grid添加行超链接？

var grid = Ext.create('Ext.grid.Panel', {
    store: store,
    columns: [
        {header: 'ID', dataIndex: 'id'},
        {header: 'Name', dataIndex: 'name'},
        {header: 'Link', dataIndex: 'link', renderer: function(value, metaData, record) {
            return '<a href="' + record.get('link') + '">' + record.get('link') + '</a>';
        }}
    ],
    renderTo: Ext.getBody()
});

var store = Ext.create('Ext.data.Store', {
    fields: ['id', 'name', 'link'],
    data: [
        {id: 1, name: 'Google', link: 'https://www.google.com'},
        {id: 2, name: 'Baidu', link: 'https://www.baidu.com'},
        {id: 3, name: 'Yahoo', link: 'https://www.yahoo.com'}
    ]
});

renderer: function(value, metaData, record) {
    return '<a href="' + record.get('link') + '">' + record.get('link') + '</a>';
}

renderTo: Ext.getBody()