Ext JS嵌套分组表格的实现

这里的嵌套分组表格指的是这样一种表格

• 表格的每一行可以展开下一层的Grid
• 展开的嵌套表格是一个分组的表格

显示的效果如下图：

这种显示的方式可以显示 3个层级的数据，比如这里的国家 、 将军等级、将军信息。 如果最外层再使用分组的表格， 则可以显示 4个层级的信息， 这种方式对于多层级的数据显示很方便。

关于嵌套表格的实现可以参考： [Ext JS]5.9 嵌套Grid的实现及注意事项

嵌套分组表格的实现

1. 最外层的Grid 使用 rowwidget 的插件定义行展开的组件类型为Grid。
2. 在嵌套的Grid 中使用定义 grouping 的feature
   上面两部分的代码如下：

        plugins: {
            rowwidget: {
                widget: {
                    xtype: 'grid',
                    features: [{ftype:'grouping'}],
                    bind: {
                        store: {
                            data: '{record.generals}',
                            groupField: 'rank'