Wie gruppiere ich 2 Gruppen in 1 Gruppe in Extjs Grid?

Question

Ich habe dieses Raster und möchte 2 Gruppen in eine einzelne Gruppe basierend auf dem Status gruppieren. Grundsätzlich möchte ich "Cheched-In" und "Bereit für MA" in einer einzigen Gruppe zusammenstellen. Vielen Dank für die Hilfe!

Hier ist der Arbeitscode:FIDDLE

Ext.create('Ext.grid.Panel', { 
title: 'Employees', 
store: store, 
columns: [ 
    { text: 'Box', dataIndex: 'box', width: 50 }, 
    { text: 'Name', dataIndex: 'name', flex: 2 }, 
    { text: 'Status', dataIndex: 'status', flex: 1 } 
], 
features: [{ftype:'grouping'}], 
renderTo: Ext.getBody() 
}); 

Answer 1

Sie können versuchen, ein anderes Feld für die Gruppierung zu haben, versuchen Sie diese

function addGroupField(data) { 
    return data.map(function(row) { 
    return { 
     box: row.box, 
     name: row.name, 
     status: row.status, 
     groupedStatus: [ 
     'Checked-In', 
     'Ready for MA' 
     ].indexOf(row.status) > -1 ? 'Checked-In & Ready for MA' : row.status, 
    } 
    }); 
} 

var data = addGroupField([ 
    { box: '', name: 'Brady, Marsha',status: 'Checked-In' }, 
    { box: 'MA', name: 'Dwight, Schrute', status: 'With MA' }, 
    { box: 'MA', name: 'Jim, Halpert', status: 'With MA' }, 
    { box: 'MA', name: 'Mike, Brown', status: 'With MA' }, 
    { box: 'MA', name: 'Steve, Smith', status: 'With MA' }, 
    { box: 'MA', name: 'Lori, Morrison', status: 'With MA' }, 
    { box: 'MA', name: 'Mary, Loson', status: 'With MA' }, 
    { box: 'MA', name: 'Junior, Meloni', status: 'With MA' }, 
    { box: 'MA', name: 'Jim, Halpert', status: 'With MA' }, 
    { box: '', name: 'Kevin, Malone', status: 'Checked-In' }, 
    { box: '', name: 'Angela, Martin', status: 'Checked-In' }, 
    { box: '2', name: 'Jim, Halpert', status: 'Ready for MA' }, 
    { box: '2', name: 'Kevin, Malone', status: 'Ready for MA' }, 
    { box: '2', name: 'Angela, Martin', status: 'Ready for MA' } 
]); 

var store = Ext.create('Ext.data.Store', { 
    fields: ['name', 'seniority', 'department'], 
    groupField: 'groupedStatus', 
    data: data 
}); 

Ext.onReady(function() { 
    Ext.create('Ext.grid.Panel', { 
    title: 'Employees', 
    store: store, 
    columns: [ 
     { text: 'Box', dataIndex: 'box', width: 50 }, 
     { text: 'Name', dataIndex: 'name', flex: 2 }, 
     { text: 'Status', dataIndex: 'status', flex: 1 } 
    ], 
    features: [{ftype:'grouping'}], 
    renderTo: Ext.getBody() 
    }); 
});