extjs3 - ExtJS 3.4 - 在我的网格面板加载存储后选择行

Question

我的网格面板:

new Ext.grid.GridPanel({
    title: "Utilisateurs",
    layout: 'fit',
    style: marginElement,
    columns: mesColonnesUtil,
    id: 'gridPanelUtil',
    width: '70%',
    colspan: 2,
    collapsible: false,
    layout: 'fit',
    autoWidth: true,
    monitorResize: true,
    height: 200,
    store: storeUtil,
    stripeRows: true,
    selModel: new Ext.grid.RowSelectionModel({
        singleSelect: true
    }),
    listeners: {
        click: function () {
            this.selModel.getSelected();
        }
    }
});

我的商店:

var storeUtil = new Ext.data.JsonStore({
    proxy: proxyGrUtil,
    baseParams: {
        method: 'storeUtil',
        gr: ''
    },
    autoLoad: true,
    fields: ["Nom", "Prenom", "LDAPUser"],
    root: "rows",
    totalProperty: "total",
    successProperty: "success"
});

我的 combobox 带有选择事件，我用参数加载我的网格面板:

{
    xtype: 'combo',
    store: storeGrUtil,
    id: 'comboGrUtil_GrUtil',
    width: 300,
    valueField: "id",
    displayField: "lib",
    triggerAction: 'all',
    mode: 'local',
    listeners: {
        select: function () {
            Ext.getCmp('gridPanelUtil').store.load({
                params: {
                    gr: Ext.getCmp('comboGrUtil_GrUtil').getValue() // this the value of items selected combobox
                }
            })
        }
    }
}

在此事件之后，我无法在我的网格面板中选择一行，为什么？我不明白。

Answer 1

问题出在store的load事件的调用上。您必须在此事件中而不是在调用之后执行行选择。如果我没记错的话，网格在此事件中已完全加载。看看上面的代码标签。

如果它不起作用，我建议看看其他事件。也许与 gridView 的 rowinserted。

    var storeUtil = new Ext.data.JsonStore({    proxy: proxyGrUtil,
        baseParams: { method: 'storeUtil', gr: '' },
        autoLoad: true,
        fields: ["Nom", "Prenom", "LDAPUser"],
        root: "rows",
        totalProperty: "total",
        successProperty: "success",
        listeners: 
            load: function(e, records, options){
                 Ext.getCmp("gridPanelUtil").getSelectionModel().selectRow(maLigneASelectionner);
            }
        }
});