ExtJS如何将自定义面板添加到rowexpander

Question

这是一个EXTJS rowexpander实现

http://jsfiddle.net/Litote0707/xPpf2/

展开它时，您可以看到价格。

而不是价格，我可以显示另一个这样的自定义网格吗？

Ext.define('my.app.main.CustomList', {
    extend: 'Ext.grid.Panel',
    title: 'List in Rowexpander',
    store: Ext.data.StoreManager.lookup('myStore'),
    columns: [
        { text: 'Name', dataIndex: 'name' },
        { text: 'Email', dataIndex: 'email', flex: 1 },
        { text: 'Phone', dataIndex: 'phone' }
    ],
    height: 200,
    width: 400
});