Hi,

There is a selModel binding problem when you have more than one grid in one root component. Problem occurs when first grid has no selModel specified but others has. In design time everthing seems ok. But when previewing rendering process is broken.

In the exported code selModel is defined in the right grid, but selModel is bound to first grid. If you bind a selModel to first grid too, everything works OK.

how to reproduce?
- add a panel,
- set a layout
- add 2 grids, (you can also duplicate the first one)
- set autoRefs
- bind a selModel (checkbox) to second grid
- preview

rendering is broken...

an exported code to show wrong binding:
PHP Code:
MyPanelUi Ext.extend(Ext.Panel, {
    
title'My Panel',
    
width919,
    
height569,
    
layout'border',
    
initComponent: function() {
        
this.items = [
            {
                
xtype'grid',
                
title'My Grid',
                
region'center',
                
ref'first',
                
columns: [
                    {
                        
xtype'gridcolumn',
                        
dataIndex'string',
                        
header'Column',
                        
sortabletrue,
                        
width100
                    
}
                ]
            },
            {
                
xtype'grid',
                
title'My Grid',
                
region'east',
                
width372,
                
ref'second',
                
selModel: new Ext.grid.CheckboxSelectionModel({

                }),
                
columns: [
                    {
                        
xtype'gridcolumn',
                        
dataIndex'string',
                        
header'Column',
                        
sortabletrue,
                        
width100
                    
}
                ]
            }
        ];
        
MyPanelUi.superclass.initComponent.call(this);
        
this.first.colModel.config.unshift(this.first.selModel);
    }
}); 
as you can see first grid's selModel is being bound to first colModel.