extjs Grid 时,默认初始选中

最近在使用带复选框grid组件的时候发现了一个奇怪的问题，第一次载入这个grid组件时就给这个grid组件初始化数据并选中其中的某一项，但始终无法选中，经单步调试发现，选中行的方法已被执行了，只是在所有的东西都执行完后，grid又刷新了一下，导致原先选中的项丢失。
　　代码如下：
Js代码
Ext.onReady(function(){ 
    var data = [ 
        ['table1','column1','remark1'], 
        ['table2','column2','remark2'] 
    ]; 
    var store = new Ext.data.Store({ 
        proxy : new Ext.data.MemoryProxy(data), 
        reader : new Ext.data.ArrayReader({},[ 
            {name : 'tableName'}, 
            {name : 'columnName'}, 
            {name : 'remark'} 
        ]) 
    }); 
    var databindsm = new Ext.grid.CheckboxSelectionModel({handleMouseDown : Ext.emptyFn,singleSelect : true}); 
    var cm = new Ext.grid.ColumnModel([ 
        new Ext.grid.RowNumberer(), 
        databindsm, 
        {header : '表名',dataIndex : 'tableName',width : 145}, 
        {header : '字段名',dataIndex : 'columnName',width : 145}, 
        {header : '备注',dataIndex : 'remark',width : 145} 
    ]); 
    var grid = new Ext.grid.GridPanel({ 
        width : 570, 
        height : 240, 
        loadMark : true, 
        store : store, 
        cm : cm, 
        sm : databindsm 
    }); 
    var viewport = new Ext.Viewport({ 
        height : 240, 
        width : 570, 
        items : [grid] 
    }); 
    store.load(data); 
    alert("aa"); 
    grid.getSelectionModel().selectRow(1,true); 
    alert("bb"); 
}); 

　　经查发现，原来是ext的mvc模式在作怪，源码中有如下方法：
Js代码
// private 
    afterRender : function(){ 
        Ext.grid.GridPanel.superclass.afterRender.call(this); 
        this.view.layout(); 
        if(this.deferRowRender){ 
            this.view.afterRender.defer(10, this.view); 
        }else{ 
            this.view.afterRender(); 
        } 
        this.viewReady = true; 
    }, 

　　在render数据后并没有显示页面，而是延迟渲染view，我们在view后再去选中，虽然设置了选中，但被延迟的渲染覆盖掉了，所以导致逻辑正确而显示不正确的结果。
　　解决办法：
　　1、静态store：在grid中加上一个配置项deferRowRender:false（不执行默认的render代码）；
　　2、动态store：使用store的load事件，在装载后进行选中
Js代码
grid.store.on("load",function(){ 
        grid.getSelectionModel().selectRow(1,true); 
    }); 

评论

3 楼 331008019 2014-01-21  

静态 Store 直接用 boxready 事件就可以了：
grid.on('boxready', function(){
    grid.getSelectionModel().select(this.selectIndex, true);
})

2 楼 jianxia801 2012-09-21  

第二种好像有些时候不起作用；能够两者一起使用否？目前我是两个一起使用的！

1 楼 yknife 2011-12-21  

最近也老是碰到这个问题，第一种解决方法就有效了，楼主辛苦了