[Ext JS]5.9 嵌套Grid的实现及注意事项

嵌套网格的效果

嵌套网格（Nest Grid） 是每个Grid的行展开后是一个子Grid， 实现的效果如下图：

嵌套网格的实现

Ext JS 直接提供了嵌套网格的实现， 即通过Grid的插件 Ext.grid.plugin.RowWidget 达成。这个插件继承自
Ext.grid.plugin.RowExpander ， 也就是展开Grid的行展开插件。
以上效果的实现代码如下：

{
        xtype: 'grid',
        title:'嵌套网格',
        columns: [{
            text: '王国',
            dataIndex: 'country',
            flex:1
        }, {
            text: '都城',
            dataIndex: 'capital',
            flex:1
        }],
        store: [{ country: '魏国', capital: '洛阳' ,generals: [{ name: '典韦', rank: '上将' }, { name: '许楮', rank: '上将' }]}, { country: '蜀国', capital: '成都', generals: [{ name: '关羽', rank: '上将'