Ext JS 4.2：如何在网格中禁用折叠分组

Question

我有一个网格已启用分组。但我想禁用折叠组项目的能力

任何想法？

感谢 Tharahan

Answer 1

http://docs-origin.sencha.com/extjs/4.2.2/#!/api/Ext.grid.feature.Grouping-cfg-collapsible

可折叠：布尔

设置为false以禁用从UI坍塌组。当关联的商店被缓冲时，它被设置为false。

默认为：真

使用features: [{ftype:'grouping', collapsible: false}],您的网格

Ext.application({ 
 
    name: 'Fiddle', 
 

 
    launch: function() { 
 
     var store = Ext.create('Ext.data.Store', { 
 
      storeId: 'employeeStore', 
 
      fields: ['name', 'seniority', 'department'], 
 
      groupField: 'department', 
 
      data: { 
 
       'employees': [{ 
 
        "name": "Michael Scott", 
 
        "seniority": 7, 
 
        "department": "Management" 
 
       }, { 
 
        "name": "Dwight Schrute", 
 
        "seniority": 2, 
 
        "department": "Sales" 
 
       }, { 
 
        "name": "Jim Halpert", 
 
        "seniority": 3, 
 
        "department": "Sales" 
 
       }, { 
 
        "name": "Kevin Malone", 
 
        "seniority": 4, 
 
        "department": "Accounting" 
 
       }, { 
 
        "name": "Angela Martin", 
 
        "seniority": 5, 
 
        "department": "Accounting" 
 
       }] 
 
      }, 
 
      proxy: { 
 
       type: 'memory', 
 
       reader: { 
 
        type: 'json', 
 
        root: 'employees' 
 
       } 
 
      } 
 
     }); 
 

 
     Ext.create('Ext.grid.Panel', { 
 
      title: 'Employees', 
 
      store: Ext.data.StoreManager.lookup('employeeStore'), 
 
      columns: [{ 
 
       text: 'Name', 
 
       dataIndex: 'name', 
 
       flex: 1 
 
      }, { 
 
       text: 'Seniority', 
 
       dataIndex: 'seniority', 
 
       flex: 1 
 
      }], 
 
      features: [{ 
 
       ftype: 'grouping', 
 
       collapsible: false 
 
      }], 
 
      width: 500, 
 
      renderTo: Ext.getBody() 
 
     }); 
 
    } 
 
});

<script src="https://extjs.cachefly.net/ext/gpl/4.2.1/ext-all-debug.js"></script> 
 
<link href="https://extjs.cachefly.net/ext/gpl/4.2.1/packages/ext-theme-classic/build/resources/ext-theme-classic-all.css" rel="stylesheet"/>