7
我有一個Ext.grid.Panel,我想按字段分組,但在分組標題中顯示不同的字段。例如,如果我的模型有status_id
和status_name
字段,我想按status_id
進行分組,但在組頭中顯示status_name
。如何在Ext網格分組標題中顯示不同的字段值?
我已經玩了groupHeaderTpl
選項,但沒有運氣到目前爲止。如何才能做到這一點?
我有一個Ext.grid.Panel,我想按字段分組,但在分組標題中顯示不同的字段。例如,如果我的模型有status_id
和status_name
字段,我想按status_id
進行分組,但在組頭中顯示status_name
。如何在Ext網格分組標題中顯示不同的字段值?
我已經玩了groupHeaderTpl
選項,但沒有運氣到目前爲止。如何才能做到這一點?
您可以通過執行
groupHeaderTpl:'{[console.log(values)]}'
這樣,你可以看到所有更多鈔票值,並選擇正確的路徑,以獲得您正在尋找的價值調試grouperHeaderTpl值。在這種情況下,你需要做的是
groupHeaderTpl: '{[values.rows[0].data.status_name]}'
在這裏你可以找到整個例如
/* 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()
});
很好的解決方案,雖然我覺得我不應該以這種方式對數據的訪問。 – 2013-11-22 03:20:09