在 ExtJS 4.0 中，如何在网格中配置多个“功能”并在它们之间切换？

Question

var groupingFeature = Ext.create('Ext.grid.feature.Grouping'); 
Ext.create('Ext.grid.Panel', {
     // other options
     features: [groupingFeature]
}); 

我可以将新功能添加到 [groupingFeature] 数组中吗？我该怎么做呢？

如果有多个功能，我如何在它们之间切换？

---

现在我知道如何设置几个功能（但我不确定这种方式是否正确）：

var groupingFeature = Ext.create('Ext.grid.feature.Grouping',{
  id: 'group',
  ftype: 'groupingsummary',
  groupHeaderTpl: '{name}',
  hideGroupedHeader: true,
  enableGroupingMenu: false
});
var abstractSummaryFeature = Ext.create('Ext.grid.feature.AbstractSummary',{
  id: 'summary',
  ftype: 'abstractsummary',
  hideGroupedHeader: false,
  enableGroupingMenu: true
});
Ext.create('Ext.grid.Panel', {
     // other options
      dockedItems: [{
          dock: 'top',
          xtype: 'toolbar',
          items: [{
              tooltip: 'Change the feature',
              text: 'Change',
              handler: function(){
                  var view = Ext.getCmp('sell_quote_item_grid').getView();
                  view.getFeature('group').disable();//someone says I can toggle in this way,
                  view.getFeature('summary').enable();//I tried but failed...
                  view.refresh();
              }
          }]
      }],
     features: [groupingFeature, abstractSummaryFeature]
});  

Answer 1

根据 TableChunker.js 中的这段代码，就像禁用您不想渲染的“功能”一样简单。然后刷新视图。

您可以通过调用 feature.disable() 来禁用某个功能，并通过调用 feature.enable() 来启用它，这似乎是错误的，我希望 feature.enable(enabled=true|false)

    for (; i < ln; i++) {
        if (!features[i].disabled) {
            features[i].mutateMetaRowTpl(metaRowTpl);
            Ext.apply(memberFns, features[i].getMetaRowTplFragments());
            Ext.apply(tplMemberFns, features[i].getFragmentTpl());
            Ext.apply(tableTplMemberFns, features[i].getTableFragments());
        }
    }

一个更困难的问题是如何获得groupingSummary 和 Summary 在同一个表中一起工作。这要困难得多。