Jak wyświetlić wartość innego pola w nagłówku grupowania Ext?

Question

Mam urządzenie Ext.grid.Panel, które chciałbym pogrupować według pola, ale aby wyświetlić inne pole w nagłówku grupowania. Na przykład, jeśli mój model ma pola status_id i status_name, chciałbym pogrupować według status_id, ale w nagłówku grupy pokaż status_name.

Grałem z opcją groupHeaderTpl, ale bez powodzenia. Jak to zrobić?

Answer 1

można debugować wartości grouperHeaderTpl wykonując

groupHeaderTpl:'{[console.log(values)]}' 

ten sposób można obserwować wszystkie wartości Posible i wybrać właściwą drogę do uzyskania wartości szukasz. W tym przypadku, co trzeba zrobić, to

groupHeaderTpl: '{[values.rows[0].data.status_name]}' 

Tutaj można znaleźć cały przykład

/* Sample Data */ 
var data = [ 
     { "status_id": 1, "status_name": "Pending"}, 
     { "status_id": 2, "status_name": "Ready"}, 
     { "status_id": 3, "status_name": "Processing"}, 
     { "status_id": 4, "status_name": "Unavailable"}, 
     { "status_id": 5, "status_name": "Ready"}, 
     ]; 

/* Model */ 
Ext.define("StatusModel", { 
    extend: 'Ext.data.Model', 
    fields: ['status_id', 'status_name'] 
}); 

/* Store */ 
Ext.create('Ext.data.Store', { 
storeId:'statusStore', 
model: "StatusModel", 
groupField: 'status_id', 
data: data, 
proxy: { 
    type: 'memory', 
    reader: { 
     type: 'json' 
    } 
} 
}); 

/* Grouping Feature */ 
var groupingFeature = Ext.create('Ext.grid.feature.Grouping',{ 
    groupHeaderTpl: '{[values.rows[0].data.status_name]}' 
}); 

/* Grid Panel */ 
Ext.create('Ext.grid.Panel', { 
title: 'Status', 
store: Ext.getStore('statusStore'), 
columns: [ 
    { text: 'Id',  dataIndex: 'status_id' }, 
    { text: 'Name', dataIndex: 'status_name', flex: 1} 
], 
features: [groupingFeature], 
renderTo: Ext.getBody() 
}); 

http://jsfiddle.net/alexrom7/shZLf/1/