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

6 Nov 2012, 1:19 AM

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';
renderTo: Ext.getBody()

where AlertGrid is the Grid id.

Thanks in Advance.

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