PDA

View Full Version : Column Header in Grid does not get updated on dropdown selection



nagalla038
6 Nov 2012, 1:19 AM
Hi,


I was trying to update a Grid Column header based on the values selected from the dropdown (combobox), but it doesn't work for Ext JS 4.1.




Here is the code that i have tried.
{
xtype: 'combo',
fieldLabel: 'View by:',
labelWidth: 50,
store: Category,
queryMode: 'local',
displayField: 'CategoryName',
emptyText: 'Select Category',
listeners: {
select: function (field, newValue, oldValue) {
var store = Ext.getStore('Home.UnreadAlertStore');
var selectedValue = field.getValue();
if (selectedValue == 'accession') {
store.proxy.url = 'Data/value1.json';
 
var x = Ext.getCmp('AlertGrid');
x.headerCt.getHeaderAtIndex(columnIndex).setText("New Title");
 
 
}
elseif (selectedValue == 'Patient') {
store.proxy.url = 'Data/value2.json';
}
elseif (selectedValue == 'Visit') {
store.proxy.url = 'Data/value3.json';
}
elseif (selectedValue == 'date') {
store.proxy.url = 'Data/value4.json';
}
store.load();
}
},
renderTo: Ext.getBody()
 
}




where AlertGrid is the Grid id.


Thanks in Advance.

mitchellsimoens
8 Nov 2012, 7:01 AM
setText is suppose to update if it's rendered. Have you set a breakpoint and followed the code?