View Full Version : [SOLVED] Cannot select Grid rows in a window

26 Aug 2010, 10:07 AM
Here is window that is shown which contains a grid that is loaded with several rows. But when clicking on the grid rows nothing happens - no selection. It almost behaves as if it is disabled. Am I overlooking something obvious? Here is the relevant code. Any help would be much appreciated.

mm.WinJobQuotesByProperty = Ext.extend(Ext.Window, {
title: 'Jobs/Quotes for the selected Property',
width: 350,
height: 200,
layout: 'fit',
initComponent: function() {
this.store = new Ext.data.ArrayStore();
this.bbar = this.buildToolbar();
this.items = this.buildGrid();


onRender: function(){
this.store = LoadData(); // data-is-loaded-from-ajax-call

buildGrid: function(){
return [
xtype: 'grid',
title: '',
store: this.store,
columns: this.buildColumns(),
selModel: new Ext.grid.RowSelectionModel()


buildColumns: function(){
return [
{xtype: 'gridcolumn', dataIndex: 'JOBNUM', header: 'Job #', width: 70, align: 'center'},
{xtype: 'gridcolumn', dataIndex: 'QUOTENUM', header: 'Quote #', width: 70, align: 'center'},
{xtype: 'gridcolumn', dataIndex: 'SURVEYTYPE', header: 'Survey Type', id:'colSurveyType', width: 115, align: 'left'}

... other functions ...

26 Aug 2010, 10:27 AM
Update: I also replaced the grid with a ListView and the same thing occurs. The contents of the window are not selectable. Only the buttons are able to be clicked. Its like the window is somehow in a read-only state. Any ideas?

26 Aug 2010, 11:46 AM
Never mind - stupid error on my part.