组网格行明智

Question

我有一个网格，以列形式显示值。但我希望它显示为行;如下图所示：

我的代码如下。目前，我可以按列方式查看数据，而不是按行显示（在另一个下分组），如图所示。如何按顺序对组件进行分组？

initComponent: function() {
            var groupingFeature = Ext.create('Ext.grid.feature.Grouping', {
                groupHeaderTpl: 'Group: {name} ({rows.length})', /
                startCollapsed: true          
            });
            this.columns = [
            { text: "Name", dataIndex: 'f_name' },
    ......

Answer 1

您还需要将其添加到商店定义中：

...
groupField: 'f_topic' // or whatever your field name is 
...